zoukankan      html  css  js  c++  java
  • ajax异步加载小例子....(通俗易懂)

    web.html(用户端):

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>11</title>
        <script type="text/javascript" src="jquery-1.11.3.min.js"></script>
        <script type="text/javascript" src="ajaxindex.js"></script>
    </head>
    <body>
        <input type="text"  id="namevalue">
        <br>
        <button type="" id="btn">Send</button>
        结果:<span id="result"></span>
    </body>
    </html>

    ajaxindex.js

                $(document).ready(function(){
    
                    $("#btn").on("click",function(){
    
                        $("#result").text("请求数据中,请稍后....");
    
                        $.post('/test/server.php',{name:$("#namevalue").val()},function(data){
                            alert("hello");//sleep(5);
                            $("#result").text(data);
                        }).error(function(){        //get
                            $("#result").text("通讯有问题");
                        }
                        );//error .请求的服务器地址不对
                    });//on
    
                });//ready

    服务器端(server.php):

    <?php 
    
    
    if(isset($_POST['name'])){
        echo 'hello'.'!~~~~~~~~~~~~~~'.$_POST['name'];
    }else{
        echo 'Args Error';
    }
    
    
    
    
    
    
    
    
    
    
     ?>
  • 相关阅读:
    NDK开发,如何配置 debug环境
    NDK 开发中,各种指令集的坑,arm64
    levmar ndk 编译
    kubernetes 存储
    kubernetes 存储
    Docker 仓库
    docker 容器
    查看系统日志
    linux 进程命令小结
    DaemonSet
  • 原文地址:https://www.cnblogs.com/boundless-sky/p/6012436.html
Copyright © 2011-2022 走看看