码迷,mamicode.com
首页 > Web开发 > 详细

Ajax 简单的实例代码

时间:2018-05-18 11:40:14      阅读:195      评论:0      收藏:0      [点我收藏+]

标签:.com   交换   用处   click   UNC   情况下   script   实例   更新   

AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)。

AJAX 不是新的编程语言,而是一种使用现有标准的新方法。

AJAX 是与服务器交换数据并更新部分网页的艺术,在不重新加载整个页面的情况下。

 

<!DOCTYPE HTML>
<html>
<head>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.js"></script>
<script type="text/javascript">
    $(function(){
        //按钮单击时执行
        $("#testAjax").click(function(){
              
              //Ajax调用处理
            $.ajax({
               type: "POST",//规定传输方式
               url: "new.php",//提交URL
               data: {name:$(#name).val(),age:$(#age).val()},//提交的数据
               success: function(data){
                        $("#myDiv").html(<h2>+data+</h2>);//交互成功回调
                  }
            });
            
         });
    });
</script>    
</head>
    <body>
        <input type="text" name="name" id="name"><br/>
        <input type="text" name="age" id="age"><br/>
        <div id="myDiv"><h2>通过 AJAX 改变文本</h2></div>
        <button id="testAjax" type="button">Ajax改变内容</button>
    </body>
</html>
<?php
    $msg=Hello,.$_POST[name].,your age is .$_POST[age].!;
    echo $msg;

 

.

Ajax 简单的实例代码

标签:.com   交换   用处   click   UNC   情况下   script   实例   更新   

原文地址:https://www.cnblogs.com/jianxian/p/9054750.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!