您的位置:首页 > Web前端 > JQuery

Jquery-ajax方法

2016-03-20 22:35 519 查看
实例代码:


function saveInfo(id){
var userID = id;
var userEmail = $('.userEmail').val();
var userName = $('.userName').val();
var dataJSON ={"userID": userID,"userEmail": userEmail,"userName": userName};
$.ajax({
type:'POST',
url:'../../Services/AjaxServices.svc/SaveUser',
data:JSON.stringify(dataJSON),
contentType:'application/json; charset=utf-8',
dataType:'json'
});
returnfalse;
}`




要点:

1.ajax优点:无刷新,良好用户体验,可以减小网络的整体流量,节约资源
2.ajax缺点:破坏浏览器后退按钮的正常行为(IE8修正),对串流媒体的支持没有FLASH,java apple好
3.ajax本质上是由XMLHttpRequest对象直接与服务器进行通信

4.$.ajax和@Ajax.BeginForm的区别就是前者只能传json、xml等封装的格式,后者可以直接传自己定义的viewmodel,分情况使用

遇到过的问题

1.使用jquery的ajax的时候,使用GET方法传递json数据产生了

"{\"company\":\"0100-01100.公司\",\"dept\":\"0101-01101.领导\"}&_=1458029957669"


最后的&符号后面的就是乱码,而使用POST方式传递则不会遇到这个问题,所以如果是传递json数据的话,最好用POST方法,不要用GET方法

2.使用innerHTML方法无法改变对象的html值,在对象后面加上中括号就好了
$.ajax({
url: "/home/tt",
success: function (data) {
alert(data);
//$("#hh").html(data.toString());
$("#hh")[0].innerHTML = data.toString();
},
error: function(data) {
alert("现在出现错误了!");
}

代码文件:http://pan.baidu.com/s/1jIxrXg6

来自为知笔记(Wiz)
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: