ajax

最新推荐文章于 2021-08-05 23:58:53 发布

MarioFei

最新推荐文章于 2021-08-05 23:58:53 发布

阅读量517

点赞数

本文详细介绍了jQuery如何简化异步提交操作，通过提供直观的API和避免浏览器差异性问题，使AJAX操作变得更加轻松。文章还分享了一个实用的jQueryAjax实例链接，并对比了$.post、$.get方法与jQuery.ajax()的使用场景。最后，提供了$.ajax的一般使用方式、参数描述及注意事项，帮助开发者更好地理解和应用jQuery进行AJAX操作。

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

query在异步提交方面封装的很好，直接用AJAX非常麻烦，Jquery大大简化了我们的操作，不用考虑浏览器的诧异了。

推荐一篇不错的jQuery Ajax 实例文章，忘记了可以去看看，

地址为：http://www.cnblogs.com/yeer/archive/2009/07/23/1529460.html 和 http://www.w3school.com.cn/jquery/

$.post、$.get是一些简单的方法，如果要处理复杂的逻辑，还是需要用到jQuery.ajax()

一、$.ajax的一般格式

$.ajax({

type: 'POST',

url: url ,

data: data ,

success: success ,

dataType: dataType

});

二、$.ajax的参数描述

参数描述

url	必需。规定把请求发送到哪个 URL。
data	可选。映射或字符串值。规定连同请求发送到服务器的数据。
success(data, textStatus, jqXHR)	可选。请求成功时执行的回调函数。data返回的数据，请求的结果
dataType	可选。规定预期的服务器响应的数据类型。默认执行智能判断（xml、json、script 或 html）。

三、$.ajax需要注意的一些地方：

1.data主要方式有三种，html拼接的，json数组，form表单经serialize()序列化的；通过dataType指定，不指定智能判断。

2.$.ajax只提交form以文本方式，如果异步提交包含<file>上传是传过不过去,需要使用jquery.form.js的$.ajaxSubmit

<script language="javascript" type="text/javascript">
    $(document).ready(function () {
        $("#create").click(function () {
            alert("11");
            var movie = {
                Rating: "I love jQuery",
                Title: "http://www.google.com",
                Genre: "Nice to meet you."
            };

            $.ajax({
                url: "Index1",
                type: "POST",
                data: movie,
                dataType: "json",
                success: function (data,status) {
                    alert(data.name);
                    alert(status);
                }
            });
        });
    });
</script>