zoukankan      html  css  js  c++  java
  • Ajax 简单的实例代码

    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;

    .

  • 相关阅读:
    1)BS和CS区别
    109)PHP与oracle网址
    8)对于带有 : 的语句
    将位数较多的数字看成是字符串
    7)杂项没整理
    css中的zoom的使用
    CSS布局一
    ul和ol的一些知识
    css中的display
    css中的content的使用
  • 原文地址:https://www.cnblogs.com/fightjianxian/p/9054750.html
Copyright © 2011-2022 走看看