jquery ajax提交from表单

222

今天做一个记录。分享一个jQuery  ajax提交from表单的方法。

这个是提交from表单里边的所有内容。不需要一个个取值,相对方便

那个,看清楚啊,这个是jquery  ajax的方法啊,千万得引jquery啊

  HTML部分

<form id="plchanges" method="post">
       <!-- 调用 -->
       <th><button type="button" onclick="login()" style="width:45px;height:30px">排序</button></th>
</form>

Javascript部分

<script>
    function login() {
        $.ajax({
        //几个参数需要注意一下
            type"POST",//方法类型
            dataType"json",//预期服务器返回的数据类型
            url"你的url" ,//url
            data: $('#plchanges').serialize(),
            successfunction (result) {
                console.log(result);
            },
            error : function() {
                alert("异常!");
            }
        });
    }
</script>

serialize() 方法通过序列化表单值,创建 URL 编码文本字符串。

可以选择一个或多个表单元素(比如 input 及/或 文本框),或者 form 元素本身,我这里选择的就是form本身。

序列化的值可在生成 AJAX 请求时用于 URL 查询字符串中。

后台正常接收就可以了。

有好的建议,请在下方输入评论。