在jquery和ajax搭配使用的时候用的比较多的应该是 $.get 和 $.post 了吧，用法很简单url + 参数 + 回调函数 + 返回值类型。
在此之前先总结下 .load 和 $.get $.post 的区别：
.load ：局部的效应，.load前面一半会有一个元素的选择比如：$(‘#box’).load()针对的是id=box的元素；更适合静态文件的获取。
$.get $.post ：是全局的，通过回调函数掌控全局；更适合和服务器的动态交互。
下面看 $.get
| 代码如下 | 复制代码 |
|
$('#ajax').click(function () { $.get('test.php?domain=aitiblog', function (data) {//get方式请求服务器数据 console.log(data); }, 'json');//如果返回的是纯文本默认不写最后一个参数就ok，如果想json返回那就赋最后一个参数为json }); |
|
以下是post和get很类似
| 代码如下 | 复制代码 |
|
$('#ajax').click(function () { $.post('test.php', {domain : 'www.aitiblog.com'}, function (data) {//post方式请求服务器数据 console.log(data); }, 'json');//如果返回的是纯文本默认不写最后一个参数就ok，如果想json返回那就赋最后一个参数为json }); $.getScript是我技术上的一个盲点，以前没有用过，这里弥补一下 $('#ajax').click(function () {//点击事件触发之后 再从服务器加载test.js，节省资源 |
|
还有一个getJson这里就不赘述了，和get差不多就是默认是json格式返回数据。
最后总结一下本人的经验：建议使用post方式发送数据交互，理由有
1.post 在开发人员工具调试url看着方便，参数排列有规律易于查看。
2.post 发送数据没有大小的限制，而get最大2KB。
3.post发送数据比如url地址，要比get很有优势，get方式发送url会有错误，而且不美观，post将数据放到了http实体中效果很好，不用各种转义。
时间： 2024-09-19 23:10:12