Ajax 简单的实例代码

Posted jianxian

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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;

 

.

以上是关于Ajax 简单的实例代码的主要内容,如果未能解决你的问题,请参考以下文章

html PHP代码片段: - AJAX基本示例:此代码演示了使用PHP和JavaScript实现的基本AJAX功能。

AJAX相关JS代码片段和部分浏览器模型

创建片段而不从 java 代码实例化它

AJAX的一个简单实例,跨域的解决,使用JQuery来进行ajax的调用

Javascript代码片段在drupal中不起作用

pjax简单实例