初学者的ajax基础[关闭]答案

【问题标题】：ajax basics for beginners [closed]初学者的ajax基础[关闭]
【发布时间】：2012-04-28 03:27:36
【问题描述】：

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

我有上面的代码片段，我在网上搜索，但我不知道如何解释它的用途。是否有任何 ajax 基础教程逐步解释
$.ajax() 的含义，type:Get 的作用，data:... 的作用等？

【问题讨论】：

标签： ajax jquery asp.net-ajax ajaxcontroltoolkit

【解决方案1】：

它正在对远程页面进行 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调用完成，done事件中的代码就会被执行。在这种情况下，我们将从 ajax 调用中获得对名为 data 的变量的响应。我们将其设置为一些带有 id div 的 HTML 元素的 innerhtml。

阅读此链接了解更多信息：http://api.jquery.com/jQuery.ajax/

【讨论】：

谢谢，能给我一个ajax1.php文件的例子吗？比如上面的ajax查询就是把2个id存入数据库，不知道ajax1.php怎么写
@SesamaSesame：对不起，我不是 php 人。该页面可以是读取查询字符串 vlaues 并执行操作的 php 页面。

【解决方案2】：

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

其实很简单，我们从声明AJAX函数开始，然后声明方法（get或post——就像html表单一样），data是通过URL传递的参数。 URL 是被调用的文件（就像表单中的操作一样）。这将调用您的 ajax1.php 文件并返回一些数据，这些数据在成功函数或完成函数中返回。在您的情况下，data 是从您的 php 文件返回的数据。

【讨论】：