Javascript 在jquery中getJson之后发布json数据
我有一个关于如何同时使用GET和POST的问题。 我想做的是,在保存表单之前,我想验证新用户名是否已经存在Javascript 在jquery中getJson之后发布json数据,javascript,jquery,post,get,Javascript,Jquery,Post,Get,我有一个关于如何同时使用GET和POST的问题。 我想做的是,在保存表单之前,我想验证新用户名是否已经存在 { “status”: “success”, “results” : [ { “id” : 1, “name” : “John Smith”, “password”: “123456” }, { “id”: 2, “name” : “Jane Doe”, “password”: “654321” } ] } 在保存表单之前,我想编写代码验证用户名是否不存在。如果用户名存在,我想向浏览器显
{ “status”: “success”, “results” : [ { “id” : 1, “name” : “John Smith”, “password”: “123456” }, { “id”: 2, “name” : “Jane Doe”, “password”: “654321” } ] }
在保存表单之前,我想编写代码验证用户名是否不存在。如果用户名存在,我想向浏览器显示警报。如果没有错误,我想提交表格
这是我到目前为止得到的!任何帮助都将不胜感激
$('form').submit(function(event) {
var username = $('#user_name').val();
$.getJSON('user.json', function(data) {
var results = data.results;
var match = false;
$.each(results, function(i, result) {
if(result.name === username) {
match = true;
}
});
if(!match) {
console.log("POST");
// Submit the form!
} else {
alert("Username already exists!");
}
});
});
有没有更好的办法?即使不使用jQuery?使用jQuery的好理由是什么?检查下面的代码,以json格式发送一些数据
if(!match) {
console.log("POST");
$.ajax({
cache: false,
url : ?,
type: "POST",
dataType : "json",
data : JSON.stringify(data),
context : Form,
success : function(callback){
//Where $(this) => context == FORM
console.log(JSON.parse(callback));
$(this).html("Success!");
},
error : function(){
$(this).html("Error!");
}
});
}
删除数据:JSON.stringify(数据),以防您不需要。您面临什么问题?缓存和上下文做什么?如果您的问题得到解决,请告诉我。如果要将某些数据发布到任何函数,可以使用POST方法。和cache:false,,我想你不会需要它。