`

jquery中ajax方法的datatype的作用

 
阅读更多

今天在维护一个项目的时候遇见了一个小问题。但是这个问题我认为对于项目十分有帮助。便写下来有助于帮助到大家。首先我们来看一段代码

$(".search").click(function(){
		$.ajax({
			type:"get",
		        url:"/communitys/CommunityShowController?method=listByAllCondition",
			dataType:"json", 
			contentType: "application/x-www-form-urlencoded; charset=utf-8", 
			data: 
			{
				school: school,
				grade: grade,
				type: type
				
			},
			success: function(data){
				var showId = data[0].communityShowId;
				if(showId == 0){
 
					
					$("#list").html("无相应社团");
					
				}else{
					$("#list").html('');
					var list = ' ';
					var data1 = data;
					
					$.each(data1, function (index, item) {  
	 					//循环获取数据
						list += "<li><a href='/communitys/CommunityShowController?method=toEnter&communityShowId="+ item.communityShowId +"'><div class='img-box'><img src='/communitys/backpages/image/"+item.logo+"'></div><p class='img-cap'>"+item.name+"</p></a></li>";
						
					});
					$(list).appendTo("#list");
				}
            }
		});
	});

 这是我在学习与维护中的一段代码。其意义就是指我点击搜索,当有与要求想对应的内容时,我显示一张张图片,而没有内容的时候我显示一句话“无相应社团”。

这是已经可以运行的代码,我之前的代码与之相差的地方是,我没有设置datatype

其次

if(showId == 0){
//这个语句我写成了
if(data == '[{"communityShowId":"0","logo":"",name:""}]'){

 我的原意是想让data直接解析这个json数据,但是由于我没有设置datatype,所以这个json做成的数组被解析成了字符串。这样,根本就无法执行if下面的语句。

而当我设置了datatype时,ajax会把这个字符串解析成json数据格式,与我的内容相匹配。其次我设置

var showId = data[0].communityShowId;

 这就相当于我现在解析showId是解析data这个json数据,而我把data这个json数据看成了数组,每一个键将对应一个键值,我把showId获取成了这个json里面的第一个键。当showId==0 的时候,也就是当这个键值为0的时候,将返回if执行语句!

 

 

 

 

1
0
分享到:
评论

相关推荐

    jquery的ajax方法

    **jQuery的Ajax方法**是JavaScript库中的核心特性之一,它为开发者提供了简单、高效的数据交互方式,无需刷新页面即可实现异步与服务器进行通信。在Web开发中,jQuery的Ajax功能极大地简化了XMLHttpRequest对象的...

    理解jquery ajax中的datatype属性选项值

    jquery中ajax的dataType属性用于指定服务器返回的数据类型,如果不指定,jQuery 将自动根据HTTP包MIME信息来智能判断,如果datatype选项不填写的话,会将返回的数据当成字符串处理。 一、ajax语法 代码如下: jQuery...

    jquery中ajax常用的方法,jQuery ajax框架常用方法总结.docx

    jQuery 中 AJAX 常用的方法总结 jQuery 是一个功能强大且流行的 JavaScript 库,它提供了许多有用的方法来处理 AJAX 请求。AJAX(Asynchronous JavaScript and XML)是一种创建交互式网页的技术,它允许网页从...

    jquery中ajax请求后台数据成功后既不执行success也不执行error的完美解决方法

    jquery中ajax请求后台数据成功后既不执行success也不执行error,此外系统报错:Uncaught SyntaxError: Unexpected identifier at Object.success,但后台能够返回数据,原代码如下: var source=[]; $.ajax({ ...

    Jquery跨域Ajax请求测试

    jQuery的$.ajax()方法是实现跨域Ajax请求的核心。$.ajax()可以接受一系列参数,其中关键的两个是`url`(指定要请求的远程服务地址)和`dataType`(指定返回数据的类型,如json、xml等)。为了实现跨域,我们需要设置...

    jQuery使用Ajax方法调用WebService

    jQuery中的Ajax方法主要有`$.ajax()`, `$.get()`, `$.post()`, `$.getJSON()`等。在调用WebService时,我们通常使用`$.ajax()`,因为它提供了最全面的配置选项。以下是一个基本的使用示例: ```javascript $.ajax({...

    Asp.Net MVC之jQuery与AJAX操作实例

    在Asp.Net MVC框架中,jQuery和AJAX的结合使用极大地提升了用户体验,使得网页能够实现异步数据交互,无需刷新整个页面即可完成数据的增删查改操作。本实例将深入探讨如何在Asp.Net MVC项目中应用jQuery与AJAX。 一...

    jQuery-ajax-用户名异步请求

    在Web开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作、事件处理以及Ajax交互。本主题聚焦于jQuery中的Ajax功能,特别是如何利用它进行异步用户名验证。Ajax,即Asynchronous JavaScript and ...

    jquery-ajax实例

    AJAX(异步JavaScript和XML)技术在现代Web开发中扮演着关键角色,而jQuery的ajax方法则提供了简洁的API来实现这一功能。 首先,我们来看`bean - json`的转化。在Web服务中,我们经常需要在服务器端处理Java Bean...

    asp.net 利用jquery-ajax调用后台方法

    在HTML页面中,我们可以使用jQuery的`$.ajax()`方法来调用这个WebMethod。以下是一个简单的例子: ```javascript $.ajax({ type: "POST", url: "Default.aspx/HelloWorld", contentType: "application/json; ...

    jquery,jquery是Ajax的一个框架

    jQuery 是一个广泛使用的 JavaScript 库,它极大地简化了前端开发中的许多任务,尤其是处理 AJAX(Asynchronous JavaScript and XML)请求。AJAX 是一种在不刷新整个网页的情况下,允许部分网页内容异步更新的技术。...

    jquery+ajax的视频讲解

    在“第八章后jQueryAjax的使用”中,我们将深入探讨如何利用jQuery进行AJAX操作。 **AJAX基础** AJAX(Asynchronous JavaScript and XML)是一种创建动态网页的技术,允许在不重新加载整个页面的情况下,与服务器...

    为jquery的ajax请求添加超时timeout时间的操作方法

    总结以上所述,为jQuery的Ajax请求添加超时时间的操作方法能够让开发者更加主动地管理网络请求的行为,提升应用的响应速度和用户体验。通过合理设置timeout值,并结合success、error和complete回调函数,可以在不同...

    JQuery+AJAX实现用户名验证

    3. **AJAX请求**:在`validateUsername()`函数中,创建XMLHttpRequest对象或者使用jQuery的`$.ajax()`方法。我们发送一个POST或GET请求到服务器,携带用户名数据。 ```javascript function validateUsername() { ...

    使用jQuery ajax提交表单代码

    总的来说,使用jQuery的ajax方法提交表单是一种高效且灵活的方式,能够无缝集成到现有的jQuery应用中。通过理解以上知识点,开发者可以创建更动态、响应更快的Web应用。在提供的压缩包文件“jqueryform”中,你应该...

    Asp.net中JQuery、ajax调用后台方法总结

    Asp.net 中 jQuery、ajax 调用后台方法总结 在 Asp.net 中,使用 jQuery 和 Ajax 调用后台方法是一种常见的做法。下面总结了几种常见的调用方法。 有参数的方法调用 在前台使用 jQuery 代码调用后台方法时,需要...

    基于jquery的ajax对话框

    在网页开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了JavaScript的使用,尤其是在处理DOM操作、事件处理和Ajax交互等方面。"基于jQuery的ajax对话框"是一个利用jQuery实现的功能,它可以在不刷新整个...

    jQuery使用Ajax方法调用WebService.doc

    ### jQuery使用Ajax方法调用WebService知识点详解 #### 一、简介 在Web开发领域中,Ajax(Asynchronous JavaScript and XML)技术被广泛应用于实现页面局部刷新等功能,极大地提升了用户体验。结合jQuery这一流行的...

    jQuery的Ajax实现异步传输List、Map

    在Web开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作、事件处理和Ajax交互。Ajax(Asynchronous JavaScript and XML)技术允许我们在不刷新整个页面的情况下与服务器进行数据交换,极大地提升...

    一个完整的jquery+ajax传送请求的实例

    在这个实例中,我们将使用jQuery的$.ajax方法来发起一个异步请求。$.ajax方法接受一个配置对象,该对象包含了许多可选参数,如URL、请求类型(GET或POST)、数据类型(如JSON、HTML等)以及回调函数等。下面是一个...

Global site tag (gtag.js) - Google Analytics