Javascript 如何在divjquery中发布数据输入？

我正在学习jquery和php。我希望使用jQuery的方法

$.ajax

发送数据。我有一些示例HTML代码。我不想使用标签

更新
谢谢马克·埃里克森帮助我。 我想问更多。当我添加输入类型检查时，默认值为0，如果检查值为1。如果未选中输入结果链接tagert=0

摘自评论（@Mark erikson）

使用

$.serialize（）

$.serialize（）似乎不适用于div。因此，要么添加一个表单，要么专门选择所有输入

HTML:

---

如果您只想发送数据，请将其用于POST发送

// jQuery
$.ajax({
  type: "POST",
  url: <url>,
  data: <data>
});

// or just in JavaScript (without jQuery)
var post = new XMLHttpRequest();
post.open("POST", <url>, true);
post.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=UTF-8");
post.send(<data>);

---

但如果在GET/POST使用后需要«响应»，请执行以下操作：

// jQuery
function request(url, next) {
    $.ajax({
        type: 'GET',
        url: url,
        success: function(response) {
          next(null, response);
        },
        error: function() {
          next(new Error("There was a connection error of some sort."));
        }
    });
}
request(<url>, function (err, response) {
    if (err) {
      return err;
    }
    response;
});

// or just in JavaScript (without jQuery)
function request(url, next) {
    var request = new XMLHttpRequest();
    request.open("GET", url, true);
    request.send();
    request.addEventListener("load", function () {
        if (request.status < 200 && request.status >= 400) {
            return next(new Error("We reached our target server, but it returned an error."));
        }
        next(null, request.responseText);
    });
    request.addEventListener("error", function () {
        return next(new Error("There was a connection error of some sort."));
    });
}
request(>url>, function (err, response) {
    if (err) {
      return err;
    }
    response;
});

//jQuery
函数请求（url，下一个）{
$.ajax({
键入：“GET”，
url:url，
成功：功能（响应）{
下一步（空，响应）；
},
错误：函数（）{
下一个（新错误（“有某种连接错误”）；
}
});
}
请求（，函数（错误，响应）{
如果（错误）{
返回错误；
}
反应；
});
//或者只使用JavaScript（不使用jQuery）
函数请求（url，下一个）{
var request=new XMLHttpRequest（）；
打开（“获取”，url，true）；
request.send（）；
request.addEventListener（“加载”，函数（）{
如果（request.status<200&&request.status>=400）{
returnnext（新错误（“我们到达了目标服务器，但它返回了一个错误”）；
}
next（null，request.responseText）；
});
addEventListener（“错误”，函数（）{
返回next（新错误（“存在某种类型的连接错误”）；
});
}
请求（>url>，函数（错误，响应）{
如果（错误）{
返回错误；
}
反应；
});

$.serialize（）

查找jQuery文档，并检查

$.serialize（）

vs

$.serializeArray（）

。

<div id="form" class="body-post">
    <input name="id" type="text" value=""/>
    <ul>
       <li>
            <input name="title[]" type="text" value=""/>
            <input name="detail[]" type="text" value=""/>
       </li>
       <li>
            <input name="title[]" type="text" value=""/>
            <input name="detail[]" type="text" value=""/>
       </li>
    </ul>
</div>

$('input').on('blur', function(){
  console.log($('input').serialize())
})  

// jQuery
$.ajax({
  type: "POST",
  url: <url>,
  data: <data>
});

// or just in JavaScript (without jQuery)
var post = new XMLHttpRequest();
post.open("POST", <url>, true);
post.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=UTF-8");
post.send(<data>);

// jQuery
$.ajax({
  type: "GET",
  url: <url>,
  data: <data>
});

// or just in JavaScript (without jQuery)
var get = new XMLHttpRequest();
get.open("GET", <url>, true);
get.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=UTF-8");
get.send(<data>);

// jQuery
{
    "var1": $(".input1").val(),
    "var2": $(".input1").val()
}

// or just in JavaScript (without jQuery)
{
    "var1": document.getElementsByClassName("input1")[0].value,
    "var2": document.getElementsByClassName("input2")[0].value
}

// jQuery
function request(url, next) {
    $.ajax({
        type: 'GET',
        url: url,
        success: function(response) {
          next(null, response);
        },
        error: function() {
          next(new Error("There was a connection error of some sort."));
        }
    });
}
request(<url>, function (err, response) {
    if (err) {
      return err;
    }
    response;
});

// or just in JavaScript (without jQuery)
function request(url, next) {
    var request = new XMLHttpRequest();
    request.open("GET", url, true);
    request.send();
    request.addEventListener("load", function () {
        if (request.status < 200 && request.status >= 400) {
            return next(new Error("We reached our target server, but it returned an error."));
        }
        next(null, request.responseText);
    });
    request.addEventListener("error", function () {
        return next(new Error("There was a connection error of some sort."));
    });
}
request(>url>, function (err, response) {
    if (err) {
      return err;
    }
    response;
});