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)
相关文章推荐
- jQuery如何追加tr到table中?
- JQuery遍历元素的父辈和祖先
- jquery data attr val 用法
- JQuery MultiSelect(左右选择框)
- jQuery学习笔记(4)-设置元素的属性和样式
- 简单的jQuery图片标注效果
- jquery toggle 代替方法
- iframe 设定高度与宽度
- JQuery 选择器 过滤器 其他 总结
- jquery实现light7的开关按钮的代码
- jquery index方法
- jQuery的学习笔记
- JQuery 验证框架
- jquery小技巧
- springmvc利用jquery.form插件异步上传文件
- Jquery属性(一)
- jQuery 源码解析一:jQuery 类库整体架构设计解析
- javascript与jQuery的那些事
- jQuery插件开发
- 扩展JQUERY 表单加载JSON数据