使用jquery的ajax需要注意的地方dataType的设置_jquery

昨天在做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)
{
$('#depart').html('');
$('#depart').html(data.departs);
}
else
{
alert('获取院系失败');
}
}
});

以前没有特别注意过这个问题,一开始没有设置dataType:'json',就出现无法解析返回的data数据,会把data当作字符串处理,而不是json对象,所有我使用了eval来转换,而且在服务端由于发回的数据包含了很多html标签,也无法正确读取,导致data报错,我记得以前是不用设dataType的,很奇怪,不知道是不是跟jquery版本有关系,看来以后还是明确设置一下dataType比较好。

时间: 2024-09-16 02:23:22

使用jquery的ajax需要注意的地方dataType的设置_jquery的相关文章

jquery中ajax函数执行顺序问题之如何设置同步

 这篇文章主要介绍了jquery中ajax函数执行顺序问题之如何设置同步,需要的朋友可以参考下 JavaScript code  代码如下: function existProduct(obj){    var productname = escape(obj.val());  $.getJSON("../product/searchProductByName.action",datat,function(data){  var falg;  falg = data[0]['exist

jQuery基于ajax()使用serialize()提交form数据的方法_jquery

本文实例讲述了jQuery基于ajax()使用serialize()提交form数据的方法.分享给大家供大家参考,具体如下: jQuery的serialize()方法通过序列化表单值,创建URL编码文本字符串,我们就可以选择一个或多个表单元素,也可以直接选择form将其序列化,如: <form action=""> First name: <input type="text" name="FirstName" value=&qu

jQuery使用$.ajax进行异步刷新的方法(附demo下载)_jquery

本文实例讲述了jQuery使用$.ajax进行异步刷新的方法.分享给大家供大家参考,具体如下: 最近要用到jquery进行异步读取数据的功能,jquery提供了许多内置的异步读取函数,给大家演示下最常用的$.ajax用法 在客户端文本框输入一个内容,然后在服务器端返回时间 在DEMO中要用到ashx文件,用于获取服务器的信息 效果图片 escape() 函数可对字符串进行编码,这样就可以在所有的计算机上读取该字符串. 客户端代码 <%@ Page Language="C#" Au

JQuery的Ajax请求实现局部刷新的简单实例_jquery

请求的ajax路径传递的参数(data)会到action中被一个同样名字的变量(附带set get方法)接收,返回的data是一个JQuery的数组对象,在被调用的action中涉及到的数据变量会对象,都会封装到data中最终返回给页面. 案例:如图 我要实现状态的更改,用JQuery的Ajax更改完之后图标发生改变,实现页面的局部刷新 原理:局部刷新是刷新页面的一部分,在此案例中实现的只是图标的改变,把后台代码和前台现实的图标分离,并不是对数据库重新做查询,二是后台数显数据修改之后,前台直接改

jquery的ajax()函数传值中文乱码解决方法介绍_jquery

复制代码 代码如下: $.ajax({ dataType : 'json',type : 'POST',url : 'http://localhost/test/test.do',data : {id: 1, type: '商品'},success : function(data){ } } ); 问题: 提交后后台action程序时,取到的type是乱码 解决方法: 方法一:提交前采用encodeURI两次编码,记住一定是两次 1.修改以下代码 复制代码 代码如下: data:{id:1, t

用jQuery简化Ajax开发实现方法第1/2页_jquery

一些简单的代码简化 下面是一个简单示例,它说明了 jQuery 对代码的影响.要执行一些真正简单和常见的任务,比方说为页面的某一区域中的每个链接附加一个单击(click)事件,您可以使用纯 JavaScript 代码和 DOM 脚本来实现,如 清单 1 所示.  清单 1 :没有使用 jQuery 的 DOM 脚本 复制代码 代码如下: var external_links = document.getElementById('external_links'); var links = exte

基于jQuery的ajax功能实现web service的json转化_jquery

不过这篇文章的题目我真不知道该怎么起,如果你因为这个差劲的题目错过这个东西,那真的很可惜. 我在做这个东西之前参考了不少文章: http://www.roseindia.net/tutorials/json/parse-message-JSON-JS.shtml http://www.json.org/js.html http://funkatron.com/site/comments/safely-parsing-json-in-javascript/ http://docs.jquery.c

jQuery使用ajax跨域获取数据的简单实例_jquery

jQuery使用ajax跨域获取数据的简单实例 var webMethod = "http://localhost:54473/Service1.asmx/HelloWorld"; jQuery.support.cors = true; //之前没有加这句老是提示no transport,我没去深想. $.ajax ({ type: "POST", contentType: "application/x-www-form-urlencoded",

JQuery的Ajax跨域请求原理概述及实例_jquery

今天在项目中需要做远程数据加载并渲染页面,直到开发阶段才意识到ajax跨域请求的问题,隐约记得Jquery有提过一个ajax跨域请求的解决方式,于是即刻翻出Jquery的API出来研究,发 JQuery对于Ajax的跨域请求有两类解决方案,不过都是只支持get方式.分别是JQuery的 jquery.ajax jsonp格式和jquery.getScript方式. 什么是jsonp格式呢?API原文:如果获取的数据文件存放在远程服务器上(域名不同,也就是跨域获取数据),则需要使用jsonp类型.