• 如何使用jQuery $.post() 方法实现前后台数据传递


    基础方法为 $.post(URL,data,callback);

    参数介绍:

    1.URL 参数规定您希望请求的 URL。

    2.data 参数规定连同请求发送的数据。

    3.callback 参数是请求成功后所执行的函数名。

    例子如下:

    <html>
    <head>
    <meta charset="utf-8">
    <script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js">
    </script>
    <script>
    $(document).ready(function(){
        $("button").click(function(){
            $.post("/try/ajax/demo_test_post.php",{
                name:"livalon",
                url:"http://www.cnblogs.com/zheng123/"
            },
            function(data,status){
                alert("数据: 
    " + data + "
    状态: " + status);
            });
        });
    });
    </script>
    </head>
    <body>
    
    <button>发送一个 HTTP POST 请求页面并获取返回内容</button>
    
    </body>
    </html>

    运行结果如下图:

    向指定URL “/try/ajax/demo_test_post.php”(即你的后台处理URL)发送请求,同时发送两条数据name和url。在这里,我的后台进行的操作是返回网站名和url地址。

    在后台经过处理后,再返回函数中通过data获取后台返回的数据。

    ajax是很好用的前后台交互工具,能在不刷新整个页面的前提下与服务器通信维护数据。这使得Web应用程序更为迅捷地响应用户交互,并避免了在网络上发送那些没有改变的信息,减少用户等待时间,带来非常好的用户体验。

  • 相关阅读:
    下拉选择框,允许手动输入和过滤
    MVC数据绑定
    一个页面多个ng-app注意事项
    modal 多层弹窗 Maximum call stack size exceeded 解决方法
    VS10x CodeMap 注册码(key):
    VS2015卸载再安装
    VS2015无法创建工程
    解决VS2015版本key required问题手动方案
    猪猪公寓—事后诸葛亮
    猪猪公寓——测试总结
  • 原文地址:https://www.cnblogs.com/zheng123/p/8824329.html
Copyright © 2020-2023  润新知