相关疑难解决方法(0)

使用preventDefault提交Ajax表单

我有一个普通的HTML表单,它应该阻止默认表单提交并通过Ajax发布值.它不能与我的设置一起使用请帮助我,我出错了.在jquery,javascrip看到我作为新手

 <link rel="stylesheet" type="text/css" href="./jQuery MultiSelect Widget Demo_files/jquery.multiselect.css">

<link rel="stylesheet" type="text/css" href="./jQuery MultiSelect Widget Demo_files/jquery-ui.css">
<script type="text/javascript" src="./jQuery MultiSelect Widget Demo_files/jquery.js">     </script>
<script type="text/javascript" src="./jQuery MultiSelect Widget Demo_files/jquery.form.js"></script>
<script type="text/javascript" src="./jQuery MultiSelect Widget Demo_files/jquery-ui.min.js"></script>
<script type="text/javascript" src="./jQuery MultiSelect Widget Demo_files/jquery.multiselect.js"></script>
<script type="text/javascript">
    $(function(){

       $("select").multiselect({
          selectedList: 4
       });

    });
</script>
<script type="text/javascript">
var frm = $('#contactForm1');
frm.submit(function (ev) {
    $.ajax({
        type: frm.attr('method'),
        url: frm.attr('action'),
        data: frm.serialize(),
        success: function (data) {
            alert('ok');
        }
    });

    ev.preventDefault();
});
Run Code Online (Sandbox Code Playgroud)

我的表格看起来像

<form action=index1.php id="contactForm1" method="post">
<p> …
Run Code Online (Sandbox Code Playgroud)

forms ajax jquery

8
推荐指数
2
解决办法
4万
查看次数

标签 统计

ajax ×1

forms ×1

jquery ×1