zoukankan      html  css  js  c++  java
  • jQuery的AJax异步訪问

    用一个样例用以说明:点击button,将input内用户输入的数据发送给服务端。并将结果返回给页面。

    首先是html承载内容:

    <!DOCTYPE html>
    <html>
    <head lang="en">
        <meta charset="UTF-8">
        <title>AJax异步訪问</title>
        <script src="js/jquery-2.1.3.min.js"></script>
        <script src="js/ajaxDemo.js"></script>
    </head>
    <body>
    <input type="text" id="nameValue">
    <br/>
    <button id="btn">提交</button>
    <p>
        结果:<span id="result"></span>
    </p>
    </body>
    </html>
    配置server:Server.php

    <?

    php if(isset($_GET['name'])){ echo "姓名:".$_GET['name']; }else{ echo "參数错误"; }

    ajaxDemo.js实现AJax异步訪问:

    $(document).ready(function(){
        $("#btn").on("click",function(){
            //在与server通讯较慢时给用户提示信息
            $("#result").text("数据请求中,请稍后...");
            //向server发送请求(get、post)
            $.get("Server.php",{name:$("#nameValue").val()},function(data){
                $("#result").text(data);
            }).error(function(){
                //当server出现异常时
                $("#result").text("server正在维护")
            })
        })
    })





  • 相关阅读:
    【设计模式
    【设计模式
    【设计模式
    【设计模式
    【设计模式
    【设计模式
    实干猪
    Mysql 千万级快速查询|分页方案
    如何成为一名优秀的CTO(首席技术官)
    成为优秀程序员的10个有效方法
  • 原文地址:https://www.cnblogs.com/blfbuaa/p/6817436.html
Copyright © 2011-2022 走看看