首页 > Web开发 > 详细

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

时间:2017-08-16 09:10:47      阅读:260      评论:0      收藏:0      [点我收藏+]

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调用示例 (转)

原文:http://www.cnblogs.com/yolo-bean/p/7371394.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!