jQuery $.post $.ajax用法

语法:
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>


  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值