jQuery的Ajax

jquery是一个优秀的js框架,自然对js原生的ajax进行了封装,封装后的ajax的操 作方法更简洁,功能更强大,与ajax操作相关的jquery方法有如下几种,但开发中经常使用的有三种:

  1. $.get(url, [data], [callback], [type])
  2. $.post(url, [data], [callback], [type])

    其中:

    • url:代表请求的服务器端地址
    • data:代表请求服务器端的数据(可以是key=value形式也可以是json格式)
    • callback:表示服务器端成功响应所触发的函数(只有正常成功返回才执行)
    • type:表示服务器端返回的数据类型(jquery会根据指定的类型自动类型转换);常用的返回类型:text、json、html等
  3. $.ajax( { option1:value1,option2:value2… } ); 常用的option有如下:
    • async:是否异步,默认是true代表异步
    • data:发送到服务器的参数,建议使用json格式
    • dataType:服务器端返回的数据类型,常用text和json
    • success:成功响应执行的函数,对应的类型是function类型
    • type:请求方式,POST/GET
    • url:请求服务器端地址

<script type="text/javascript">
        function fn1() {
            //get异步访问
            $.get(
                "/ajaxServlet",//url地址
                {"name":"zhangsan","age":25},//请求参数
                function (data) {//执行成功后的回调函数
                    alert(data);
                },
                "text"
            );
        }
        function fn2() {
            //post异步访问
            $.post(
                "/ajaxServlet",//url地址
                {"name":"zhangsan","age":25},//请求参数
                function (data) {//执行成功后的回调函数
                    alert(data);
                },
                "text"
            );
        }
    </script>
暂无评论

发送评论 编辑评论


				
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇
下一篇