Javascript “接收”;未捕获的SyntaxError:意外的标记(“带AJAX”)
我正在尝试将验证插件与Javascript “接收”;未捕获的SyntaxError:意外的标记(“带AJAX”),javascript,php,jquery,twitter-bootstrap,Javascript,Php,Jquery,Twitter Bootstrap,我正在尝试将验证插件与Bootstrap中的表单集成。当我使用下面的代码时,出现以下错误: 未捕获的语法错误:意外标记(“”) 我不知道问题是出在PHP还是Javascript上,或者两者都有。这里的PHP编码正确吗 JavaScript: $(document).ready(function() { $('#formBasic').formValidation({ framework: 'bootstrap', fields: { firstName: { v
Bootstrap
中的表单集成。当我使用下面的代码时,出现以下错误:
未捕获的语法错误:意外标记(“”)
我不知道问题是出在PHP还是Javascript上,或者两者都有。这里的PHP编码正确吗
JavaScript:
$(document).ready(function() {
$('#formBasic').formValidation({
framework: 'bootstrap',
fields: {
firstName: {
validators: {
notEmpty: {
message: 'Name is required'
}
}
},
lastName: {
validators: {
notEmpty: {
message: 'The password is required'
}
}
}
}
})
.on('success.form.fv', function(e) {
e.preventDefault();
var $form = $(e.target);
var bv = $form.data('formValidation');
$.post($form.attr('action'), $form.serialize(), function(result) {
error: function () {
alert("There was an error processing this page.");
return false;
},
success: function (output) {
$('#formBasicResults').html(output.responseText);
alert('success');
}
}, 'json');
});
PHP:
在声明
success
和error
处理程序时,您的$.post
语法不正确。请尝试以下操作:
$.post($form.attr('action'), $form.serialize())
.done(function(result) {
$('#formBasicResults').html(result.responseText);
alert('success');
})
.fail(function() {
alert("There was an error processing this page.");
});
您可以自由地将数据类型指定为
json
或jsonp
或使用$.ajax
因此,除了使用$.post$.ajax之外,您还需要包括类型:post
$.ajax({
type: "POST",
url: "some.php",
dataType: "json"
data: { name: "John" },
success:function () { //handle success calls},
error:function () { //handle failure calls}
});
REF:这是否意味着这里不需要使用json?@ken:那么你可以使用
$.ajax
来代替你的目的,你唯一需要包括的是类型:post
$.ajax({type:“post”,url:“some.php”,数据:{name:“John},})
@Ken这仍然在使用JSON。jQuery将根据返回的内容自动确定响应类型,因此您可以省略'JSON'
设置。@RoryMcCrossan:我觉得Ken需要更多地控制他想要访问的数据类型,如果他将来想要jsonp,您仍然可以将该参数提供给$。post
,I只是删除了它,因为在这种情况下没有明确的要求。顺便说一下,对你的答案投反对票的不是我。
$.ajax({
type: "POST",
url: "some.php",
dataType: "json"
data: { name: "John" },
success:function () { //handle success calls},
error:function () { //handle failure calls}
});