ajax基础知识适合初学者

时间:2012-04-28 03:27:37

标签: ajax jquery asp.net-ajax ajaxcontroltoolkit

$.ajax({
    type: "GET",
    data: "id="+id+"&id-other="+id-other,
    url: "ajax1.php"
}).done(function(data){
    $("#div").html(data);
});

我有上面的代码片段,我在网上搜索,但我不知道如何解释它是什么。是否有任何关于ajax基础知识的教程逐步解释什么
$.ajax()表示type:Get做什么,data:...做什么等等?

2 个答案:

答案 0 :(得分:2)

正在对远程页面进行 ajax(异步)调用。

type: get

这是一个HTTP Get请求。表单数据将在URL中编码为查询字符串值。

data: "id="+id+"&id-other="+id-other

这是传递给服务器页面的数据

 url: "ajax1.php"

ajax1.php是处理ajax请求并重新回复的服务器页面,

.done(function(data){
   $("#div").html(data);
})

完成ajax调用后,将执行完成事件内部的代码。在这种情况下,我们将从ajax调用获得一个名为data的变量的响应。我们将其设置为带有id div的某些HTML元素的innerhtml。

请阅读此链接以获取更多信息:http://api.jquery.com/jQuery.ajax/

答案 1 :(得分:1)

$.ajax({
        type: "GET",
        data: "id="+id+"&id-other="+id-other,
        url: "ajax1.php"
    }).done(function(data){
        $("#div").html(data);

它非常简单,我们首先声明AJAX函数,然后我们声明方法(获取或发布 - 就像html表单一样),data使用参数通过URL传递。 URL是调用的文件(就像表单中的操作一样)。这将调用您的ajax1.php文件并返回一些数据,该数据将在success function或done函数中返回。在您的情况下,data是从您的php文件返回的数据。