php+jquery+ajax简单Ajax调用示例 (转)

Posted yolo_bean

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了php+jquery+ajax简单Ajax调用示例 (转)相关的知识，希望对你有一定的参考价值。

html页面

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script type="text/javascript">
    $(function(){
        //按钮单击时执行
        $("#testAjax").click(function(){
              
              //Ajax调用处理
            var html = $.ajax({
               type: "POST",
               url: "add.php",
               data: "name=garfield&age=18",//在php中data: "name=$tt&id=$id&content="+text,
               async: false


            }).responseText;
            $("#myDiv").html(‘<h2>‘+html+‘</h2>‘);
         });
    });
</script>    
</head>
    <body>
        <div id="myDiv"><h2>通过 AJAX 改变文本</h2></div>
        <button id="testAjax" type="button">Ajax改变内容</button>
    </body>
</html>

　　add.php

<?php
var_dump($_POST);

　　

以上是关于php+jquery+ajax简单Ajax调用示例 (转)的主要内容，如果未能解决你的问题，请参考以下文章

jQuery简单的Ajax调用示例

如何使用 AJAX/JQuery 调用多个 PHP 脚本？

实现简单的PHP接口，以及使用js/jquery ajax技术调用此接口

jquery ajax 调用不会运行 php 脚本

使用 jQuery 和 AJAX 的跨域 PHP 调用

jQuery简单的Ajax调用