ajax向后台传递参数-动态组织json串
2016-12-16 12:21
344 查看
ajax提交json格式的本质是提交了如下格式的参数:"&name=123&password=456",而且这种格式下,name和passowrd都可以是变量赋值,但是使用{“name”:value}格式的话,这里的name是不能为变量的,只有value可以是变量。
1、index.jsp
<form action="<%=basePath%>register/register.action" method="post" id="formid">
用户名:<input type="text" name="userName" id="userName" class="mark"/><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){
//data="&"+id+"="+value是ajax的本质模式,这里id是一个变量,比如 id="userName",等同于 data={userName:value}={'userName':value},二者 的区别是{}中的key不能为变量
//var data="&"+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;
}
1、index.jsp
<form action="<%=basePath%>register/register.action" method="post" id="formid">
用户名:<input type="text" name="userName" id="userName" class="mark"/><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){
//data="&"+id+"="+value是ajax的本质模式,这里id是一个变量,比如 id="userName",等同于 data={userName:value}={'userName':value},二者 的区别是{}中的key不能为变量
//var data="&"+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;
}
相关文章推荐
- ajax传递参数,后台如何接受对象(关于contentType: “application/json”)
- jquery通过ajax-json访问java后台传递参数,通过request.getParameter获取不到参数的说明
- jsp中利用jquery+ajax传递json格式参数与前后台之间
- jquery通过ajax-json访问java后台传递参数,通过request.getParameter获取不到参数的说明
- ajax向后台传递“复合json”参数
- jsp中利用jquery+ajax传递json格式参数与前后台之间
- jquery通过ajax-json访问java后台传递参数,通过request.getParameter获取不到参数的说明
- 使用ajax通过json传递不确定个参数至C#后台(Razor)
- jquery通过ajax-json访问java后台传递参数,通过request.getParameter获取不到参数的说明
- jsp中利用jquery+ajax在前后台之间传递json格式参数
- jsp中利用jquery+ajax在前后台之间传递json格式参数
- httpurlconnection post 和GET 分别传递2个参数给后台,返回JSON 解决乱码问题
- 如何在前台脚本通过json传递数据到后台(使用微软自带的ajax)
- 从Android使用JSON传递参数到后台中文编码问题
- Ajax调用后台action返回JSONArray(JSONObject)类型实现jsp中下拉列表的动态显示
- MVC3/4项目开发中遇到的ajax提交Json数据到后台Controller处理(接收参数:多重JSON)
- Ajax传递中文参数到后台乱码的有效解决方法
- 如何在前台脚本通过json传递数据到后台(使用微软自带的ajax)
- 如何在前台脚本通过json传递数据到后台(使用微软自带的ajax)