怎么用JQUERY的AJAX实现:
页面一个输入框,输入信息点击NEW按钮,会将信息与数据库中比对(Java中写),如果存在会alert出已存在不能创建。如果不存在会alert出可以创建。详细代码学习,新手。谢谢!!!要用JQUERY。
// 首先拿到input框中的内容inputContent
var inputContent = $('input').val();
// 通过点击new按钮发起ajax请求,对比数据库返回响应
// 假设按钮id:newBtn
$('#newBtn').bind('click',function(){
$.ajax({
type:"POST",
url:"",//接口
data:inputContent,//input框内容
dataType:"json",
success:function(dataRes){
alert(dataRes);
}
});
});
对楼上的建议细化一下:
// 首先拿到input框中的内容inputContent
var inputContent = $('input').val();
// 通过点击new按钮发起ajax请求,对比数据库返回响应
// 假设按钮id:newBtn
$('#newBtn').bind('click',function(){
$.ajax({
type:"POST",
url:"",//接口
data:inputContent,//input框内容
dataType:"json",
success:function(dataRes){
//将返回结果转化为对象
//其中$.ToJson()是个方法需要引用 json.js,你可以到网上下载一个,具体的说明见文档
var r=$.ToJson(dataRes)
if(dataRes.IsExist)
{
alert("已经存在");
}
else
{
//执行你的业务逻辑,如弹出创建窗体
}
}
});
});
$.ajax({
url:"${pageContext.request.contextPath}/userInfo/checkUserName.action,
data: {userName:$("#inputText").val()},
cache:false,
success:function(message){
if(message=="0"){//0为不存在
alert("不存在,可以新建");
}else{
alert("已存在,不可以新建");
}
}
});
Java+Ajax 实现用户名重复检验:http://www.tuicool.com/articles/3YZbemu
采用Ajax异步交互技术验证用户代码是否重复 :http://blog.csdn.net/zhuanzhe117/article/details/39161275
http://blog.csdn.net/sinat_35512245/article/details/71087162
对楼上的建议进行优化:
url是请求的地址,data是需要发送到服务器的数据,function是方法(里面一般使用回调函数)
$.post(url,data,function(result){
//里面判断result的状态,可以把服务器返回的数据设置成为json的格式,
});
用get请求的方式和配post一样的,只是把前面的post改一下
var inputvalue = $.trim($('#inputvalue').val())
$.ajax({
type: "POST",
url: rootPath+"/regist/toGetInfoRegist.html",
data: "inputvalue="+inputvalue,
async:false,
success: function(msg){
if(msg=='false'){
alert('重复!')
}
});
大概就这样