我所常用的ajax调用格式

转载于 2015-08-19 12:08:00 发布 · 87 阅读

文章标签：

#json #javascript #ViewUI

本文详细介绍了如何利用jQuery的$.ajax方法实现表单数据的异步提交，并结合AjaxSubmit插件优化表单处理流程。通过实例演示了在后端接口调用时的错误处理与成功提示，确保数据交互的高效性和用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

ajax：

$.ajax({
    type: "post",
    datatype: "json",
    contentType: "application/x-www-form-urlencoded; charset=UTF-8",
    url: "/ProductTypeAndCat/AddType",
    async: true,
    cache: false,
    data: { typeName: typeName },
    success: function (data) {
        if (data.F == 1) {
            alert(data.M);
            return;
        }

        alert("添加成功！");
        location.href = "/Admin/ProductType";
    },
    error: function (xhr, status, error) {
        alert(error);
    }
});

form提交，利用此插件（http://jquery.malsup.com/form/）：

$('#frmDemo').ajaxSubmit({
    type: "post",
    url: "/ProductTypeAndCat/AddCategory",
    success: function (data) {
        if (data.F == 1) {
            alert(data.M);
            return;
        }

        alert("添加成功");
        location.href = "/admin/createProductCategory";
    },
    error: function (xhr, status, err) {
        alert(err);
    }
});