本文介绍了发送POST表单数据以JSON格式通过Ajax使用jQuery的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
正如标题所说,我通过AJAX发送一些POST数据。但我一直收到错误,任何人都可以看看在code,并解释为什么我的ajax调用保持失败?
as the title says I'm sending some post data via ajax. but I keep on getting errors, can anyone take a look at the code and explain why my ajax call keeps failing?
submitForm(jQuery('#priceCalc'), {name: 'thingdoto', value: "true"}); function submitForm(form, data) { var postData = form.serializeArray(), formURL = form.attr("action"); postData.push(data); console.log(postData); jQuery.ajax({ url : formURL, type: 'POST', dataType : "json", data: postData, success:function(data) { jQuery('#priceTotal').html(data); }, error: function() { jQuery('#priceTotal').html('error'); } }); }
编辑:AJAX调用返回错误,所以它只是没有成功。不知道为什么。
The ajax call returns the error, so it's just not succeeding. Don't know why.
推荐答案您发送的数据为一个数组,而不是一个JSON字符串。
Your Sending data as an Array, not a JSON string.
您想要做这样的事情。
$("form#ID").submit(function(e){ e.preventDefault(); var data = {} var Form = this; //Gathering the Data //and removing undefined keys(buttons) $.each(this.elements, function(i, v){ var input = $(v); data[input.attr("name")] = input.val(); delete data["undefined"]; }); //Form Validation goes here.... //Save Form Data........ $.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!"); } });更多推荐
发送POST表单数据以JSON格式通过Ajax使用jQuery
发布评论