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;
来源:https://blog.csdn.net/wu_ning/article/details/59630497
最新文章
- Entity Framework 教程——什么是Entity Framework
- ENode框架Conference案例分析系列之 - 复杂情况的读库更新设计
- iOS AFOAuth2Manager使用心得
- Sharepoint 2010 工作流启动时处理表单出错
- [转]Windows 8.1删除这台电脑中视频/文档/下载等六个文件夹的方法
- 新一波makefile
- hdu 3887 Counting Offspring dfs序+树状数组
- java之OOP
- NSCoding归档
- java(课程设计之记事本界面部分代码公布)
- Linux系统架设支持自助开通Shado wsocks及VPN前端的教程
- VM上成功安装mac os x
- [notes] ImageNet Classification with Deep Convolutional Neual Network
- MVC项目,系统找不到指定的文件。(异常来自 HRESULT:0x80070002)
- S3C2440实现wifi、3G上网和迷你无线路由的制作(一)
- zepto.js 学习之(一)
- ecshop循环计数
- dw擴展jquery
- Oracle的数据并发与一致性详解(上)
- LRN