Javascript 使用jqueryajax提交表单
我试图用jquery和ajax提交表单,但代码不起作用。 我做错了什么Javascript 使用jqueryajax提交表单,javascript,jquery,ajax,Javascript,Jquery,Ajax,我试图用jquery和ajax提交表单,但代码不起作用。 我做错了什么 <script> $( function() { $( '#myForm' ).submit( function( evt ) { evt.preventDefault(); var $form = $( this ); $.ajax( { type: $form.prop( 'method' ), url: $form.prop(
<script>
$( function() {
$( '#myForm' ).submit( function( evt ) {
evt.preventDefault();
var $form = $( this );
$.ajax( {
type: $form.prop( 'method' ),
url: $form.prop( 'action' ),
data: $form.serialize(),
dataType: "json",
traditional: true,
success: function( response ) {
alert("it works!");
document.body.innerHTML = response;
}
});
});
});
</script>
$(函数(){
$('#myForm')。提交(函数(evt){
evt.preventDefault();
var$form=$(此);
$.ajax({
类型:$form.prop('method'),
url:$form.prop('action'),
数据:$form.serialize(),
数据类型:“json”,
传统的:是的,
成功:功能(响应){
警惕(“它起作用了!”);
document.body.innerHTML=响应;
}
});
});
});
通过稍微更改代码解决了我的问题:
我通过更改url、类型解决了问题
我决定用id=mylist更改div。现在它起作用了
<script>
$( function() {
$( '#paieska' ).submit( function( evt ) {
evt.preventDefault();
$.ajax({
url: "/Transport/Lentele",
type: 'POST',
data: $("#paieska").serialize(),
success: function (response) {
$("#mylist").html(response);
}
});
});
});
</script>
$(函数(){
$('#paieska')。提交(函数(evt){
evt.preventDefault();
$.ajax({
url:“/Transport/Lentele”,
键入:“POST”,
数据:$(“#paieska”).serialize(),
成功:功能(响应){
$(“#mylist”).html(回复);
}
});
});
});
当我可以使用时,我将添加此作为解决方案。此url(AJAX中的url)的响应代码是什么。您可以在网络内部、开发人员工具中进行检查。。
另外,通过只看到这一点,我可以告诉您不应该使用preventdefault,可能它开始工作了…您在console中看到了什么吗?有任何错误报告吗?您在控制台中看到任何错误吗?您在控制台中看到任何错误吗?将以下内容添加到$.ajax({如果我删除默认表单重新加载(但没有ajax),您可以参考此链接)