php+jquery+ajax简单Ajax调用示例

最新推荐文章于 2024-08-14 09:01:55 发布

我是高手高手高高手

最新推荐文章于 2024-08-14 09:01:55 发布

阅读量1w

点赞数 2

分类专栏： jQuery php ajax

php 同时被 3 个专栏收录

453 篇文章 11 订阅

订阅专栏

jQuery

128 篇文章 1 订阅

订阅专栏

ajax

14 篇文章 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
$msg='Hello,'.$_POST['name'].',your age is '.$_POST['age'].'!';
echo $msg;
?>