ajax异步加载小例子....(通俗易懂)

最新推荐文章于 2022-06-19 06:00:00 发布

爱不到要偷

最新推荐文章于 2022-06-19 06:00:00 发布

阅读量140

点赞数

文章标签： javascript php ViewUI

原文链接：http://www.cnblogs.com/boundless-sky/p/6012436.html

版权

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';
}










 ?>

转载于:https://www.cnblogs.com/boundless-sky/p/6012436.html

爱不到要偷

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
ajax异步加载小例子....(通俗易懂)

web.html(用户端):<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>11</title> <script type="text/javascript" src="jquery-1....
复制链接

扫一扫