如何加载外部文件的jQuery数据 [英] How to load data from external file with jQuery

问题描述

我试图使用AJAX jQuery中加载的内容为一个div，但是，它严重失败：

下面是JavaScript的：

  $（文件）。就绪（函数（）{
  $（'＃Webdev的'）隐藏（）。
     $（＃适用-Webdev的）。点击（函数（）{
        变种形式= $（＃Webdev的）;
        变种formContent = form.find（＃Webdev的）;
        form.slideToggle（）;
        $阿贾克斯（{
            网址：api.php做= get_form_webdev
            缓存：假的，
            成功：功能（数据）{
                form.html（data.params）;
        }，
        数据类型：JSON
      }）;
  }）;
}）;
 

和这里的HTML：

 ＆LT; D​​IV CLASS =rbutton＆GT;＆LT;按钮标题=应聘职位ID =应用-Webdev的的onclick =load_webdev_form（）＆GT;＆安培; NBSP;应用及放大器; NBSP;＆LT; /按钮＆GT;＆LT; / DIV＆GT;
＆LT; D​​IV ID =Webdev的＆GT;
    ＆LT;字段集＆GT;＆LT;传奇＆GT;报考职位＆LT; /传说＆GT;＆LT;股利风格='填充：10px的;文本对齐：中心'＆GT;＆LT; IMG SRC =/图片/ load.gif/＆GT;＆LT; / DIV＆GT;＆LT; /字段集＆GT;
＆LT; / DIV＆GT;
 

我是什么做错了吗？

修改

下面是新的code的基础上，在这个线程给出答案：

  $（文件）。就绪（函数（）{
    $（'＃Webdev的'）隐藏（）。
    $（＃适用-Webdev的）。点击（函数（）{
$（＃Webdev的）的slideToggle（）。
        $（＃Webdev的）负载（api.php做= get_form_webdev？）;
    }）;
$（'＃webdevcancel）。点击（函数（）
{
$（'＃Webdev的'）隐藏（'慢'）;
}
）;
$（'＃webdevsave）。点击（函数（）
{
$（'＃Webdev的'）。块（{
        消息：'＆LT; H1＆GT;处理...＆LT; / H1＆GT;＆LT; IMG SRC =/图片/ load.gif/＆GT;＆LT; BR /＆GT;＆LT; BR /＆GT;'，
        CSS：{边框：的3px固体＃A00'}
    }）;
}
）;
}）;
 

解决方案

更​​简单的方法来将内容加载到jQuery中的元素是的加载方法：

  $（＃Webdev的）负载（api.php做= get_form_webdev？）;
 

I am attempting to use AJAX in jQuery to load content to a div, however, it is severely failing:

Here's the javascript:

$(document).ready(function() {
  $('#webdev').hide();
     $("#apply-webdev").click(function() {
        var form = $("#webdev");
        var formContent = form.find("#webdev");
        form.slideToggle();
        $.ajax({
            url: "api.php?do=get_form_webdev",
            cache: false,
            success: function(data) {
                form.html(data.params);
        },
        dataType: "json"
      });
  });
});

And here's the HTML:

<div class="rbutton"><button title="Apply for position" id="apply-webdev" onclick="load_webdev_form()">&nbsp;Apply&nbsp;</button></div>
	<div id="webdev">
    <fieldset><legend>Apply for position</legend><div style='padding:10px; text-align:center'><img src='/images/load.gif'/></div></fieldset>
	</div>

What am I doing wrong?

EDIT

Below is the new code, based on answers given in this thread:

$(document).ready(function() {
    $('#webdev').hide();
    $("#apply-webdev").click(function() {
		$("#webdev").slideToggle();
        $("#webdev").load("api.php?do=get_form_webdev");
    });
	$('#webdevcancel').click(function()
		{
			$('#webdev').hide('slow');
		}
	);
	$('#webdevsave').click(function()
		{
		$('#webdev').block({ 
        message: '<h1>Processing...</h1><img src="/images/load.gif" /><br /><br />', 
        css: { border: '3px solid #a00' } 
    });
		}
	);
});

解决方案

The easier way to load content into an element in jQuery is the load method:

$("#webdev").load("api.php?do=get_form_webdev");

这篇关于如何加载外部文件的jQuery数据的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！