最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
jQuery序列化Ajax跨域序列化请求$.ajax
时间:2014-07-12 编辑:简简单单 来源:一聚教程网
用的比较多的jquery+ajax方法是$.post,它也是对$.ajax的二次封装,那么接下里看看$.ajxa的使用:
代码如下 | 复制代码 |
$('#ajax').click(function(){ $.ajax({ type:'post', url:'test.php', dateType:'html',//支持htmlxmljsonjsonp data:{domain:'www.111com.net',keyword:'php博客'}, success:function(response,status,xhr){ console.log('success:'+response); }, error:function(response,status,xhr){ console.log('error:'+response) } }); }); |
其中jsonp,跨域的操作请查看文章:php+jquery+jsonp实现ajax跨域问题
在表单提交的时候,可能数据比较多那样的话data:{}里面的参数会非常的多,而且容易出错,那么就用到了form的序列化serialize()
代码如下 | 复制代码 |
$('.btn').click(function(){ |
php中serialize截图:
php中serializeArray截图:
由上看出在php端对数据的处理,serialize和serializeArray基本没啥区别。
还有一个不太常用但是比较有用的方法,那就是ajax数据初始化的方法:$.ajaxSetup对重复数据的初始化
$.ajaxSetup({//初始化共同的数据,使代码不出现过多的重复现象
代码如下 | 复制代码 |
type:'post', url:'test.php' }); |
补充:jsonp实现ajax跨域请求
首先我在本地一个域名下加载以下代码:
代码如下 | 复制代码 |
$.ajax({ |
php端的代码:
代码如下 | 复制代码 |
$a=json_encode(array('title'=>'IT博客','stitle'=>'javascript博客')); |
得到的结果是:弹出—我的关键字是:javascript博客。
相关文章
- jQuery Ajax实现跨域请求的教程 02-13
- ajax跨域访问 JQuery的跨域详解 10-07
- jquery ajax跨域请求详解 05-22
- Jquery Ajax访问WCF服务和跨域访问WCF 03-17
- HTML简单购物数量小程序代码展示 10-31
- html canvas实现弹幕功能 10-31