jquery中的Ajax函数

最新推荐文章于 2022-04-10 09:31:11 发布

Jsonkim

最新推荐文章于 2022-04-10 09:31:11 发布

阅读量293

点赞数

分类专栏： /root/WEB前端文章标签： jquery ajax get post 传参

本文链接：https://blog.csdn.net/u013987661/article/details/52593022

版权

/root/WEB前端专栏收录该内容

24 篇文章 0 订阅

订阅专栏

$.get()

1.获取结果和数据

<!DOCTYPE html>
<html>
<head>
    <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
</head>
<body>

    <button>get</button>


    <script type="text/javascript">

    //事件绑定
    $("button").click
    (
        function()
            {
                $.get("data.log",function(data,status){showresult(data,status);}); 
            }               
    );

    //显示传递过来的参数
    function showresult(data,status)
        {
          alert("数据: " + data + "\n状态: " + status);
        };

    </script>

</body>
</html>

2.get方式传参

[*]参数可以为text或json，系统会自动识别

<!DOCTYPE html>
<html>
<head>
    <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
</head>
<body>

    <button>get</button>


    <script type="text/javascript">

    //事件
    $("button").click
    (
        function()
            {
                $.get("data.php","name=jsonkim",function(data,status){showresult(data,status);}); 
            }               
    );

//$.get("data.php",{name:'json'},function(.....也是可以的.

    //显示传递过来的参数
    function showresult(data,status)
        {
          alert("数据: " + data + "\n状态: " + status);
        };

    </script>

</body>
</html>

$.post()

1.获取结果和数据

[*] 表示和$.get()的使用方法并没有什么区别。

<!DOCTYPE html>
<html>
<head>
    <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
</head>
<body>

    <button>post</button>


    <script type="text/javascript">

    //事件绑定
    $("button").click
    (
        function()
            {
                $.post("data.log",function(data,status){showresult(data,status);}); 
            }               
    );

    //显示传递过来的参数
    function showresult(data,status)
        {
          alert("数据: " + data + "\n状态: " + status);
        };

    </script>

</body>
</html>

2.post方式传参

[*]参数可以为text或json，系统会自动识别

<!DOCTYPE html>
<html>
<head>
    <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
</head>
<body>

    <button>post</button>


    <script type="text/javascript">

    //事件
    $("button").click
    (
        function()
            {
                $.post("data.php","name=jsonkim",function(data,status){showresult(data,status);}); 
            }               
    );

//$.post("data.php",{name:'json'},function(.....也是可以的.

    //显示传递过来的参数
    function showresult(data,status)
        {
          alert("数据: " + data + "\n状态: " + status);
        };

    </script>

</body>
</html>

3.其它

[*] 一句话load数据

 <!DOCTYPE html>
<html>
<head>
    <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
</head>
<body>

    <button>load</button>
    <div id="div1"></div>


    <script type="text/javascript">

    //事件
    $("button").click
    (
        function()
            {
                $("#div1").load("data.log");
            }               
    );


    </script>

</body>
</html>