ajax向后台传递参数-动态组织json串
【腾讯云】亏本大甩卖,服务器4核16G 1年370元(带宽12M,系统盘120GB SSD盘,月流量2000GB)!!!!!!
云产品 配置 价格
服务器 1核2G,带宽5M,系统盘50GB SSD盘,月流量500GB 38元/年
MySQL 1核1G 19元/年
服务器 16核32G,带宽18M,系统盘250GB SSD盘,月流量5000GB 1197元/年
点我进入腾讯云,查看更多详情

ajax提交json格式的本质是提交了如下格式的参数:"&name=123&password=456",而且这种格式下,name和passowrd都可以是变量赋值,但是使用{“name”:value}格式的话,这里的name是不能为变量的,只有value可以是变量。

1、index.jsp

<form action="<%=basePath%>register/register.action" method="post" >
		用户名:<input type="text" name="userName"  /><br /> 
		<input type="submit" value="提交" /><br />
	</form>


2、register.js

$(function(){
	//我们不知道name或者id ,只通过class获取元素的id和name以及value,动态获取这些值的话,不能使用{变量:变量}提交,只能使用"&"+变量1+"="+变量2的形式,因为ajax仅支持 {"常量":变量}的json格式
	$(".mark").blur(function(){checkUserName2(this)});
});

//提交表单的ajax
function checkUserName2(theid){
	
	//+id+"="+value是ajax的本质模式,这里id是一个变量,比如 ,等同于 data={userName:value}={'userName':value},二者 的区别是{}中的key不能为变量
	//var +id+"="+value;
	var data=gainJson(theid);
	
		$.ajax({
			url : "register/checkUserName.action",// 请求地址
			//timeout : 600000,//超时时间设置,单位毫秒
			async : false,// 异步
			cache : false,// 缓存
			type : 'post',// 请求方式
			/*data: $('#formid').serialize(),//序列化表单*/			
			data:data,						
			dataType : 'json',// 服务器返回的数据类型
			contentType:"application/x-www-form-urlencoded; charset=utf-8",
			success : function(msg) {// 请求成功后调用的
				if(msg.result=="true"){
					//去除非法提示
					alert("true");
				}else{
					//增加非法提示
					alert("false");
				}
			
			},
			
			error :function(){
			alert("异常");
			}
		});

	};

	//获取id和值的公共方法,返回json格式
	function gainJson(theid){
		var id=$(theid).attr("id");
		var value=$("#"+id+"").val();
		var str="&"+id+"="+value;
		return str;
	}

推荐文章

浅谈工作中曾经使用的数据库及其体验

浅谈工作中曾经使用的数据库及其体验

推荐文章

Linux字符设备驱动--No.2

Linux字符设备驱动--No.2

推荐文章

基于IIS/ASP.NET开发的大型网站汇总(备查)

基于IIS/ASP.NET开发的大型网站汇总(备查)

推荐文章

项目实施与IT服务

项目实施与IT服务

推荐文章

Linux字符设备驱动--No.3

Linux字符设备驱动--No.3

推荐文章

Facebook之Thrift简介

Facebook之Thrift简介

推荐文章

Windows Phone版Facebook应用重大更新

Windows Phone版Facebook应用重大更新

推荐文章

python 写入文件形式

python 写入文件形式

推荐文章

AppMobi对外公开HTML5游戏开发工具

AppMobi对外公开HTML5游戏开发工具

推荐文章

Pinterest吸引女人, Google+聚集男人

Pinterest吸引女人, Google+聚集男人

推荐文章

facebook的账户登陆

facebook的账户登陆

推荐文章

PIE SDK与OpenCV结合说明文档

PIE SDK与OpenCV结合说明文档

推荐文章

Zynga尽显疲态,单日股价跌幅近18%

Zynga尽显疲态,单日股价跌幅近18%

推荐文章

五分钟搞定 Linux 文档全部知识,就看这篇文章

五分钟搞定 Linux 文档全部知识,就看这篇文章

推荐文章

我是如何学习计算机编程的

我是如何学习计算机编程的

推荐文章

扎克伯格:从“校园CEO”到“最年轻富翁”

扎克伯格:从“校园CEO”到“最年轻富翁”