jQuery $.post $.ajax用法

来源：互联网发布：伦敦大学学院专业知乎编辑：程序博客网时间：2024/06/05 10:54

语法：
jQuery.post(url,data,success(data, textStatus, jqXHR),dataType)

参数：

$post是Ajax的简写形式：

<span style="font-size:18px;">$.ajax({   type: 'POST',   url: url,   data: data,   success: success,   dataType: dataType}});</span>

举例：
1、请求 1.jsp 页面，并一起发送一些额外的数据（同时仍然忽略返回值）：

<span style="font-size:18px;">$.post("1.jsp",{name:"xiaoxiao",time:"2am"});</span>

2、向服务器传递数据数组（同时仍然忽略返回值）：

<span style="font-size:18px;">$.post("1.jsp", { 'choices[]': ["张三", "李四"] });</span>

3、使用 ajax 请求发送表单数据（serialize() 方法通过序列化表单值，创建 URL 编码文本字符串）：

<span style="font-size:18px;">$.post("1.jsp", $("#form_id").serialize());</span>

4、输出来自请求页面 1.jsp的结果（HTML 或 XML，取决于所返回的内容）：

<span style="font-size:18px;">$.post("1.jsp", function(data){   alert("Data Loaded: " + data); });</span>

5、向页面1.jsp 发送数据，并输出结果（HTML 或 XML，取决于所返回的内容）：

<span style="font-size:18px;">$.post("1.jsp", { name: "John", time: "2pm" },   function(data){     alert("Data Loaded: " + data);   });</span>

6、获得1.jsp 页面的内容，并存储为 XMLHttpResponse 对象，并通过 process() 这个 JavaScript 函数进行处理：

<span style="font-size:18px;">$.post("1.jsp", { name: "John", time: "2pm" },   function(data){     process(data);   }, "xml");</span>

7、获得1.jsp 页面返回的 json 格式的内容：

<span style="font-size:18px;">$.post("1.jsp", { "func": "getNameAndTime" },   function(data){     alert(data.name); // John     console.log(data.time); //  2pm   }, "json");</span>

0 0