使用jquery的ajax需要注意的地方dataType的设置
<SPAN style="WHITE-SPACE: pre">
</SPAN>$.ajax({
url:'<{$weburl}>/main.php?action=getDepart&cid='+cid,
type:'post',
dataType:'json',
success:function(data){
//data=eval('('+data+')');
if(data.s==1)
{
$('#depart').html('');
$('#depart').html(data.departs);
}
else
{
alert('获取院系失败');
}
}
});
以前没有特别注意过这个问题,一开始没有设置dataType:'json',就出现无法解析返回的data数据,会把data当作字符串处理,而不是json对象,所有我使用了eval来转换,而且在服务端由于发回的数据包含了很多html标签,也无法正确读取,导致data报错,我记得以前是不用设dataType的,很奇怪,不知道是不是跟jquery版本有关系,看来以后还是明确设置一下dataType比较好。
相关推荐
-
Jquery中ajax方法data参数的用法小结
复制代码 代码如下: $.ajax({ type: "POST", url: "some.php", data: "name=John&location=Boston", //第一种方式传参 // data: {name:"John",location:"Boston"} //第二种方式传参 // data: {foo:["bar1", "bar2&q
-
JQuery中Ajax()的data参数类型实例分析
本文实例分析了JQuery中Ajax()的data参数类型.分享给大家供大家参考,具体如下: 前面简单分析介绍了<ajax中data传参的两种方式>,对于ajax参数传递方式有了初步的了解,这里就来进一步分析一下ajax中data参数的类型. 假如现在有这样一个表单,是添加元素用的. <form id='addForm' action='UserAdd.action' type='post'> <label for='uname'>用户名</label>:&
-
jQuery ajax dataType值为text json探索分享
复制代码 代码如下: <dt style="margin:15px 0px 3px; padding:0px; border:0px; font-weight:bold; color:rgb(4,121,167); font-family:Verdana,Arial,宋体; background-color:rgb(249,249,249)">dataType 类型:String 预期服务器返回的数据类型.如果不指定,jQuery 将自动根据 HTTP 包 MIME 信息来
-
Jquery+ajax请求data显示在GridView上(asp.net)
AJAXLoadProgressForm.aspx: 复制代码 代码如下: <script src="JS/jquery-1.4.2.js" type="text/javascript"></script> <script type="text/javascript"> function ShowProgressDiv() { var ID = $("input#idtxt").val();
-
JQuery DataTable删除行后的页面更新利用Ajax解决
使用Jquery的DataTable进行数据表处理非常方便,常遇到的一个问题就是删除一行后页面必须进行更新,需要注意的方法如下:前台页面中初始化table时注意: 复制代码 代码如下: var table = $('#sorting-advanced'); table.dataTable({ 'bServerSide': true, 'sAjaxSource': 'servlet/UserList<%=queryString%>', 'bProcessing': true, 'bStateSa
-
Asp.net下使用Jquery Ajax传送和接收DataTable的代码
服务器再把GridView反构造成DataTable, 再给DataTable增加一行之后,绑定到GridView,然后发回客户端... 能不能简单一点呢? 在使用Ajax数据请求数据,通常都是简单格式,比如String,信息量较少.当然也可以请求回XML,但是XML数据冗余多,取到客户端处理比json麻烦的多. 能不能简单一点呢? 上面这些问题,如果DataTable与JSON类型可以方便的相互转换,都可以迎刃而解了. 优点:1)避免不必要的回传: 2)精简异步请求数据的大小 : 3)解决数据
-
JQuery.Ajax()的data参数类型实例详解
假如现在有这样一个表单,是添加元素用的. <form id='addForm' action='UserAdd.action' type='post'> <label for='uname'>用户名</label>:<input type='text' name='uname' id='uname'><br> <label for='mobileIpt'>手机号:</label><input type='text'
-
jQuery.Ajax()的data参数类型详解
假如现在有这样一个表单,是添加元素用的. <form id='addForm' action='UserAdd.action' type='post'> <label for='uname'>用户名</label>:<input type='text' name='uname' id='uname'><br> <label for='mobileIpt'>手机号:</label><input type='text'
-
使用jquery的ajax需要注意的地方dataType的设置
昨天在做ajax时遇到问题, 复制代码 代码如下: <SPAN style="WHITE-SPACE: pre"> </SPAN>$.ajax({ url:'<{$weburl}>/main.php?action=getDepart&cid='+cid, type:'post', dataType:'json', success:function(data){ //data=eval('('+data+')'); if(data.s==1)
-
jquery中ajax函数执行顺序问题之如何设置同步
JavaScript code 复制代码 代码如下: function existProduct(obj){ var productname = escape(obj.val()); $.getJSON("../product/searchProductByName.action",datat,function(data){ var falg; falg = data[0]['existproduct']; //falg返回为no 或yes, return falg; }); } fu
-
Jquery具体实例介绍AJAX何时用,AJAX应该在什么地方用
在jquery中ajax实现方法分类很多种,如有:load.jQuery.get.jQuery.post.jQuery.getScript.jQuery Ajax 事件.jQuery.ajaxSetup等等,前面几种为常用的也是用得最多的jquery ajax方法了. 网站开发时,ajax是一个非常方便的工具,它具有和表单相同的功能完成前端和后台之间的交互!它起到局部刷新的功能!那什么时候用ajax呢?下面给大家介绍几个实例,首先应该分为两类: 一.在用表单和ajax都可以完成某个功能时,只是使
-
使用jquery 的ajax调用总是错误亲测的解决方法
使用jquery 的ajax功能调用一个页面,却发现总是出现错误. js代码如下 复制代码 代码如下: $.ajax({ type: 'post', url: 'TestData.aspx', data: { language_type: 'cn'}, dataType: 'json', success: function (data) { alert('ok'); }, error: function (data) { alert('err'); }); } TestData.aspx代码如下
-
jQuery的Ajax用户认证和注册技术实例教程(附demo源码)
前面介绍了<jquery+ajax注册实时验证>及<jQuery使用$.ajax进行即时验证的方法>.这里进一步总结了jQuery的Ajax用户认证和注册技术.分享给大家供大家参考,具体如下: Ajax 表单提交是一个功能强大的技术,提供一种发送 web 表单的方法,无需重载浏览器窗口.jQuery 库让您使用 Ajax 表单提交功能进一步提供一个方便快捷的方法,以少量代码生成可用 Ajax 的 Web 表单.在本文中,学习如何使用 jQuery 创建基础 Ajax 表单提交,以及
-
jQuery实现ajax调用WCF服务的方法(附带demo下载)
本文实例讲述了jQuery实现ajax调用WCF服务的方法.分享给大家供大家参考,具体如下: 关于AJAX调用WCF服务分为跨域和不跨域两种方式,今天咱们先介绍下不跨域下的调用方法.DEMO是在VS2008写的. 经过测试与研究,发现AJAX调用WCF服务必须满足以下条件 1.wcf的通讯方式必须使用webHttpBinding 2.必须设置<endpointBehaviors>节点的值 3.服务的实现必须添加标记 复制代码 代码如下: [AspNetCompatibilityRequirem
-
对jquery的ajax进行二次封装以及ajax缓存代理组件:AjaxCache详解
虽然jquery的较新的api已经很好用了, 但是在实际工作还是有做二次封装的必要,好处有:1,二次封装后的API更加简洁,更符合个人的使用习惯:2,可以对ajax操作做一些统一处理,比如追加随机数或其它参数.同时在工作中,我们还会发现,有一些ajax请求的数据,对实时性要求不高,即使我们把第一次请求到的这些数据缓存起来,然后当相同请求再次发起时直接拿之前缓存的数据返回也不会对相关功能有影响,通过这种手工的缓存控制,减少了ajax请求,多多少少也能帮助我们提高网页的性能.本文介绍我自己关于这两方
-
jQuery基于Ajax方式提交表单功能示例
本文实例讲述了jQuery基于Ajax方式提交表单功能.分享给大家供大家参考,具体如下: 提交表单一般通过同步的方式提交,提交后页面刷新或跳转到新页面来显示服务器端返回的处理结果.如果表单提交后有另外的操作或业务需求需要还在这个页面上显示或处理,那么页面不能整体刷新,这时第一想到的就是采用ajax的方式提交表单.下面完整的介绍一个表单采用ajax方式提交的流程. 一.准备 1.页面引入jQuery文件 2.页面引入jQuery的表单插件jQuery.form.js 二.实施 1.页面中的表单 <
-
jquery和ajax的关系详细介绍
JQuery.AJAX都是Javascript的一个框架,各有各自不同的功能,如果把Javascript比作父亲的话,JQuery和AJAX就是Javascript的亲生儿子.在Javascript中非常复杂的功能,让他们实现起来是极其的方便快捷.下面来总结一下他们各自的功能及特点和应用的场合. JQuery是轻量级的js库,它兼容CSS3,还兼容各种浏览器 (IE 6.0+, FF1.5+, Safari 2.0+, Opera 9.0+).jQuery使用户能更方便地处理HTML docum
-
Django中使用jquery的ajax进行数据交互的实例代码
jquery框架中提供了$.ajax.$.get.$.post方法,用于进行异步交互,由于Django中默认使用CSRF约束,推荐使用$.get 示例:实现省市区的选择 最终实现效果如图: 将jquery文件拷贝到static/js/目录下 打开booktest/views.py文件,定义视图area1,用于显示下拉列表 #提供显示下拉列表的控件,供用户操作 def area1(request): return render(request,'booktest/area1.html') 打开bo
随机推荐
- ExtJs事件机制基本代码模型和流程解析
- Vue.js实战之Vuex的入门教程
- Win2008 蓝屏漏洞揭秘
- JavaScript定时器和优化的取消定时器方法
- js截取小数点后几位的写法
- php中使用Curl、socket、file_get_contents三种方法POST提交数据
- php导入大量数据到mysql性能优化技巧
- 用PHP实现ODBC数据分页显示一例
- C中实现矩阵乘法的一种高效的方法
- js判断浏览器类型及设备(移动页面开发)
- 原生JS实现左右箭头选择日期实例代码
- JavaScript使用readAsDataUrl方法预览图片
- ASP.NET系统关键字及保留字列表整理
- 简单的Jquery遮罩层代码实例
- jQuery中用dom操作替代正则表达式
- IE:复制主页内容另一妙法
- 高手递招:删除系统顽固文件技巧
- 实现轮转广告带底部指示的自定义ViewPager控件
- Java中ArrayList类详细介绍
- Python获取二维矩阵每列最大值的方法