`

jquery ajax和data的使用

阅读更多
  	function print(selId){
		$.ajax({
		 url: "/car/schedule/outCar/hasPrint?id="+selId,
		   type: "POST",
		   async:true,
		   //回调函数
		   success: function(msg){
		   },
		   error: function(){
			    alert("是否打印信息更新失败");
		   } 
		});
	}
		//部分代码片段
		function printOrder(){
			//url:path+'/car/schedule/outCar/print?id='+id,
				buttons: {
				"打印" : function(){
				 print(selId);
				 //$("#printSpaceDiv").printArea();                     
				},
				}
		}

------------------
data 发送到服务器的数据。将自动转换为请求字符串格式。GET 请求中将附加在 URL 后。查看 processData 选项说明以禁止此自动转换。必须为 Key/Value 格式。如果为数组,jQuery 将自动为不同值对应同一个名称。如 {foo:["bar1", "bar2"]} 转换为 '&foo=bar1&foo=bar2'。

示例:
$.ajax({
   type: "POST",
   url: "some.php",
   data: "name=John&location=Boston",
   success: function(msg){
     alert( "Data Saved: " + msg );
   }
});

这里data后面跟的参数可以用二种表式:一种是普通url传参的写法一样,还有一种就是写在json数组里,
上面示例data部分也可以这样写:data: {name:"John",location:"Boston"}。这二个用法有什么区别?
今天在开发中发现二者用法的细微差别。第一种我们用url传参,参数里面如果加带"&"这个符号的话,可能参数接收不到或不完整,如“ data: "name=John&location=Boston",”,
如果name的值是"john&smith"这样写可能就会有问题,我们可以用JS里面的encodeURIComponent()方法进行转义,
但如果用data: {name:"John",location:"Boston"}这种方式写的话就不需要进行转义,如果转义的话,接收的将是转义后的字符串
分享到:
评论

相关推荐

    jQuery的ajax发送FormData的方式

    // 2 使用$.ajax发送fd // 需要指定两个属性 // - processData : false // - contentType : false $.ajax({ method : 'POST', url : '/ajax_Day5/datas03.php', data : fd, success : function (data) { ...

    Jquery ajax方式读取txt文件、Jquery分页.

    在给定的标题和描述中,主要涉及两个关键知识点:使用jQuery的AJAX方法读取TXT文件和实现jQuery分页功能。接下来,我们将深入探讨这两个主题。 首先,我们来讨论如何使用jQuery的AJAX方法读取TXT文件。AJAX(异步...

    asp+jquery ajax实例源码,添加,删除,修改,分页

    在这个实例源码中,我们将深入探讨如何利用ASP、jQuery和AJAX实现无刷新的数据操作,包括添加、删除、修改和分页功能。 1. **jQuery与AJAX基础** - jQuery提供了$.ajax()函数,使得发起AJAX请求变得简单。该函数...

    使用jQuery ajax提交表单代码

    在Web开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作、事件处理和Ajax交互等任务。本文将深入探讨如何使用jQuery的ajax方法来提交表单,从而实现异步数据交换,提高用户体验。 首先,jQuery的...

    Jquery和ajax结合使用的小例子

    **jQuery和Ajax结合使用是Web开发中的常见技术组合,它能帮助开发者实现页面无刷新的数据交互,提升用户体验。Ajax(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下更新部分网页内容的技术...

    jqueryajax jquery ajax

    **jQuery AJAX** 是一个在Web开发中广泛使用的JavaScript库,由John Resig于2006年创建。jQuery简化了JavaScript中的异步HTTP(Ajax)请求,使得开发者能够轻松地与服务器进行数据交互,实现页面的局部刷新,提高...

    JqueryAjax简单实例

    在这个"JqueryAjax简单实例"中,我们主要关注如何在Visual Studio 2005 C#环境下利用jQuery实现AJAX的功能。首先,我们需要确保项目中已经引入了jQuery库。这通常通过在HTML头部添加jQuery库的CDN链接或者将jQuery....

    jquery ajax源代码

    在提供的代码片段中,可以看到两个函数:`doload1` 和 `doload2`,它们都使用了 jQuery 的 AJAX 方法来发送请求并处理返回的数据。 ##### 2.1 doload1 函数 ```javascript function doload1() { $.ajax({ url: ...

    Jquery ajax json 总结

    AJAX 使用的技术包括 XMLHttpRequest 对象,但在 JQuery 中,这个过程被简化和封装,提供了易于使用的 API。 例如,`$.get()` 方法是 AJAX 的一个简单实现,用于发送 GET 请求。在提供的代码片段中,`$.get()` 接受...

    jquery和ajax结合的使用实例

    在IT行业中,jQuery和Ajax是两个非常重要的JavaScript库和概念,它们在网页动态交互和数据交换方面发挥着关键作用。jQuery简化了JavaScript的DOM操作、事件处理和动画制作,而Ajax(异步JavaScript和XML)则允许在不...

    java程序使用jquery AJAX

    通过编写前端的jQuery AJAX请求和后端的Java处理逻辑,你可以创建动态、高效的Web应用程序。在开发过程中,记得利用源码管理和版本控制工具(如Git),以及各种开发工具,以提高开发效率和代码质量。

    php Jquery ajax 登陆

    在本文中,我们将深入探讨如何使用PHP、jQuery和AJAX实现一个登录系统。这是一个非常常见的需求,特别是在构建交互性更强的Web应用时。通过使用AJAX,我们可以实现无刷新的登录,提供更好的用户体验。 首先,我们...

    spring与jquery ajax交互 和 servlet与jquery ajax交互

    Spring作为一个全面的Java企业级应用框架,提供了强大的MVC(Model-View-Controller)架构支持,而jQuery则简化了JavaScript的DOM操作和AJAX通信。本文将深入探讨Spring与jQuery AJAX交互以及Servlet与jQuery AJAX...

    Jquery Ajax简易计算器

    "jQuery AJAX简易计算器"是一个实用示例,展示了如何利用jQuery和AJAX实现一个简单的动态计算功能。通过这个项目,开发者可以学习到如何在客户端和服务器之间有效地交换数据,以及如何更新页面内容而无需刷新整个...

    jQuery Ajax过滤器

    jQuery库简化了Ajax操作,它内置了一系列强大的Ajax方法,其中包括Ajax过滤器功能,使得在处理数据时能够进行更精细的控制和优化。本文将深入探讨jQuery中的Ajax过滤器及其在Ajaxform表单提交中的应用,以及如何解决...

    Jquery Ajax 前后台数据传输

    本文将详细介绍使用jQuery AJAX实现三种不同方式的前后台数据传输,以及如何处理界面内容的传值和返回值。 1. **基本的AJAX调用** jQuery提供了`$.ajax()`方法,它是所有其他AJAX功能的基础。例如,我们可以使用...

    jquery ajax 与后台验证

    在网页开发中,jQuery AJAX 是一种非常重要的技术,它允许前端和后端进行异步通信,无需刷新整个页面。无刷验证(又称实时验证或AJAX验证)是这种技术的一个典型应用,它提高了用户体验,因为在用户输入数据时,可以...

    jQuery-ajax-用户名异步请求

    然后,我们可以编写jQuery代码来监听按钮点击事件,并使用Ajax发起请求: ```javascript $(document).ready(function() { $('#checkUsernameBtn').click(function() { var username = $('#usernameInput').val();...

    vue基本环境+jquery ajax应用

    在Vue项目中,你可以通过全局安装jQuery,然后在Vue组件内使用`this.$ajax`(需要在Vue原型链上挂载jQuery)或者在Vue实例的`beforeCreate`或`created`钩子中初始化jQuery并进行AJAX请求。 下面是一个使用jQuery ...

    Jquery Ajax 动态级联

    首先,让我们了解什么是jQuery和AJAX。jQuery是一个强大的JavaScript库,简化了JavaScript的DOM操作、事件处理以及动画制作。而AJAX(异步JavaScript和XML)是一种在不刷新整个页面的情况下,更新部分网页内容的技术...

Global site tag (gtag.js) - Google Analytics