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

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

时间:2017-08-16 09:50:34      阅读:122      评论:0      收藏:0      [点我收藏+]

标签:简单   页面   nbsp   .ajax   jquery   set   ajax   class   async   

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

标签:简单   页面   nbsp   .ajax   jquery   set   ajax   class   async   

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

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