ajax - 初学者的ajax基础知识

Question

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

我有上面的代码，我在网上搜索，但我不知道如何解释它的用途。有没有 ajax 基础知识的教程一步一步解释什么
$.ajax()意思，什么type:Get意思，什么data:...意思等等？

Answer 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);
})

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

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

Answer 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 文件返回的数据。