JQuery中的Ajax语法

最新推荐文章于 2021-03-21 15:27:42 发布

honghong.zhou

最新推荐文章于 2021-03-21 15:27:42 发布

阅读量1k

点赞数 1

分类专栏： ajax Jquery 文章标签： jquery ajax

本文链接：https://blog.csdn.net/chengQunBin/article/details/78150773

版权

ajax 同时被 2 个专栏收录

6 篇文章 0 订阅

订阅专栏

Jquery

3 篇文章 0 订阅

订阅专栏

关于 $.ajax

$.ajax，这个是JQuery对ajax封装的最基础步，通过使用这个函数可以完成异步通讯的所有功能。也就是说什么情况下我们都可以通过此方法进行异步刷新的操作。但是它的参数较多，有的时候可能会麻烦一些。看一下常用的参数：
var configObj = {
method //数据的提交方式：get和post
url //数据的提交路劲
async //是否支持异步刷新，默认是true
data //需要提交的数据
dataType //服务器返回数据的类型，例如xml,String,Json等
success //请求成功后的回调函数
error //请求失败后的回调函数
}

$.ajax(configObj);//通过$ .ajax函数进行调用。
下面我们来看一个简单的demo：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script src="jquery-1.11.2.js"></script>
        <script>
            $(function(){
                $("#btn").click(function(){
                    $.ajax({
                        type:"get",
                        url:"1.php",
                        async:true,
                        success:function(data){
                            alert(data);
                        },
                        error:function(e){
                            alert(e);
                        }
                    });
                });
            });
        </script>

    </head>
    <body>
        <input type="button" value="点击" id="btn" />
        <div id="showInfo"></div>
    </body>

</html>

1.php:

<?php
    $text="Hello World!";
    echo $text;
?>

honghong.zhou

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JQuery中的Ajax语法

超级简单的JQuery中的Ajax的语法
复制链接

扫一扫

专栏目录

JQuery中的Ajax语法

关于 $.ajax

“相关推荐”对你有帮助么？