`

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-unobtrusive, 在数据 * 属性中,添加到 jQuery Ajax以启用低调选项.zip

    jquery-ajax-unobtrusive, 在数据 * 属性中,添加到 jQuery Ajax以启用低调选项 jQuery低调 AjaxjQuery低调Ajax库补充了 jQuery Ajax方法,添加了对通过Ajax调用指定HTML替换选项的支持,如 HTML5 data-* 元素。...

    Datatables使用Ajax方式读取数据

    适合前端初学者 jquery中的datatable使用ajax读取数据 并展示表格数据

    jquery ajax表单提交

    表单进行无刷新提交,ajax技术 if (!this.length) { log('ajaxSubmit: skipping submit process - no element selected'); return this; } var method, action, url, $form = this; if (typeof options == ...

    利用jquery Ajax验证重复

    通过jQuery 底层 AJAX 实现。简单易用的高层实现见 $.get, $.post 等。$.ajax() 返回其创建的 XMLHttpRequest 对象。大多数情况下你无需直接操作该对象,但特殊情况下可用于手动终止请求。 $.ajax() 只有一个参数:...

    Saving ASP.Net Form Data with jQuery AJAX and JSON Parser

    Saving ASP.Net Form Data with jQuery AJAX and JSON Parser

    jQuery.Ajax()的data参数类型详解

    主要介绍了jQuery.Ajax()的data参数类型详解,需要的朋友可以参考下

    Jquery AutoComplete组件+Ajax实现搜索框输入提示功能小记

    在输入页面利用JQuery获取用户输入,然后通过AJAX异步发送到处理页面,处理页面接收到值后进行模糊匹配查询,然后将结果返回,输入页收到返回的数据后在处理,并生成相应的页面显示在页面上。若是jquery ...

    jquery ajax TreeView asp.net改进版

    <%--<script src="lib/jquery/plugins/treeview/js/getData.js" type="text/javascript"></script>--%> <script src="lib/jquery/plugins/treeview/js/common.js" type="text/javascript"> ...

    jQuery ajax中使用serialize()方法提交表单数据示例

    jQuery ajax中数据以键值对(Key/Value)的形式发送到服务器,使用ajax提交表单数据时可以使用jQuery ajax的serialize() 方法表单序列化为键值对(key1=value1&key2=value2…)后提交。serialize() 方法使用标准的 ...

    jquery实现的ajax文件上传功能

    jquery实现的ajax文件上传功能 $.ajaxFileUpload ( { url:'doajaxfileupload.php', secureuri:false, fileElementId:'fileToUpload', dataType: 'json', success: function (data, ...

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

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

    jQuery ajax中使用confirm,确认是否删除的简单实例

    jQuery ajax 中使用confirm ,确认是否删除按钮 onclick=”return confirm(‘确认删除?’);” [removed] $(function(){ $("#btnDelete").click(function(){ //var user8ID = $.trim( $('#user8ID').val...

    用Jquery实现的Ajax 查询效果

    ff.innerHTML = ""; ff.style.display = "none"; } else { $.getJSON("doAjax.aspx", { data: data.value },

    浅析jQuery Ajax请求参数和返回数据的处理

    刚接触学会用jQuery ajax的时候,觉得真东西好神奇,这样就可以把数据取回来了啊。然后我可以把取回来的数据渲染到页面上,一颗赛艇。 之前很早接触到项目,并不知道怎么优雅的去用jquery ajax(现在也不优雅); ...

    基于JQuery的Ajax方法使用详解

    如下所示: $.ajax的主要参数: url: '_请求的地址', type: 请求类型 get & post data: '请求的参数, success:回调函数 $.ajax({ ... type: 'get', data: 'name=' + $('input...jQuery的一些属性: $('xx').find

    JQuery+Ajax通用分页导航(任意表)

    通过ajax调用后端Servlet,(调后端的Servlet名叫testservlet 可以在wzjpage.js第27行处修改。)返回一个JSON对象,要求:jSON对象中必须有 // datarows columns pageCount这3个对象。 //数据格式必须为: List[]>...

    jquery+ajax用户管理源码

    jquery+ajax用户管理源码 本小项目送给 初学 jquery ajax 的朋友, 麻雀虽小,却大肚能容哦。 呵呵。 实现了 无刷新登录 添加 检索用户名存在 以及无刷新加载 xml 技术。 送给大家分享,共同研究学习..· ...

    jQuery Ajax 实例全解析

    废话少说,直接进入正题,我们先来看一些简单的方法,这些方法都是对jQuery.ajax()进行封装以方便我们使用的方法,当然,如果要处理复杂的逻辑,还是需要用到jQuery.ajax()的(这个后面会说到). 1. load( url, [data]...

Global site tag (gtag.js) - Google Analytics