ajax、post、get实例
html代码:
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
div{width:100px;height:100px;border:1px solid red;}
</style>
<script type="text/javascript" src="../jquery.1.9.1.min.js"></script>
</head>
<body>
<div onclick='test1();'>post</div>
<div onclick='test2();'>get</div>
<div onclick='test3();'>ajax</div>
<script type="text/javascript">
function test1(){
var pft = 333;
var ads = 'sss';
$.post('./post.php',{'page':'1','profit':pft,'address':ads},function(data){
alert(data.page);
alert(data.profit);
alert(data.address);
alert(data.arr.id);
alert(data.arr.name);
}, "json");//设置了获取数据的类型,所以得到的数据格式为json类型的
}
function test2(){
var pft = 444;
var ads = 'sss';
$.get('./get.php',{'page':'2','profit':pft,'address':ads},function(data){
alert(data.page);
alert(data.profit);
alert(data.address);
alert(data.arr.id);
alert(data.arr.name);
}, "json");//设置了获取数据的类型,所以得到的数据格式为json类型的
}
function test3(){
var pft = 555;
var ads = 'sss';
$.ajax({
url:'./ajax.php',
type:"post", //请求的格式
data:{'page':'3','profit':pft,'address':ads},
async:false, //异步
dataType:'json',
success:function(data){
alert(data.page);
alert(data.profit);
alert(data.address);
alert(data.arr.id);
alert(data.arr.name);
},
error:function(er){
BackErr(er);
}
});
}
</script>
</body>
</html>
post.php 代码:
<?php
$page = $_POST['page'];
$profit = $_POST['profit'];
$address = $_POST['address'];
$arr = array(
'page'=>$page,
'profit'=>$profit,
'address'=>$address,
'arr'=>array(
'id'=>22,
'name'=>'china'
)
);
exit(json_encode($arr));
get.php代码:
<?php
$page = $_GET['page'];
$profit = $_GET['profit'];
$address = $_GET['address'];
$arr = array(
'page'=>$page,
'profit'=>$profit,
'address'=>$address,
'arr'=>array(
'id'=>22,
'name'=>'china'
)
);
exit(json_encode($arr));
ajax.php 代码:
<?php
$page = $_POST['page'];
$profit = $_POST['profit'];
$address = $_POST['address'];
$arr = array(
'page'=>$page,
'profit'=>$profit,
'address'=>$address,
'arr'=>array(
'id'=>22,
'name'=>'china'
)
);
exit(json_encode($arr));
ajax、post、get实例的更多相关文章
- .NET运用AJAX 总结及其实例
1.AJAX简介 (1.没有AJAX会怎么样?普通的ASP.Net每次执行服务端方法的时候都要刷新当前页面,比如实现显示服务器的时间.每次都要刷新页面的坏处:页面刷新打断用户操作.速度慢.增加服务器的 ...
- Ajax实现异步操作实例_针对XML格式的请求数据
js分类中有一节[原生js异步请求,XML解析]主要说明了js前台是如何处理XML格式请求和如何接受由服务器返回的XML数据的解析,今天我将用一个实例来说明具体要如何操作. 前台的参数类型也是XML使 ...
- jQuery ajax - getJSON() 用法实例
实例 从 test.js 载入 JSON 数据并显示 JSON 数据中一个 name 字段数据: $.getJSON("test.js", function(json){ aler ...
- PHP 和 AJAX MySQL 数据库实例
HTML 表单 <!DOCTYPE html> <html lang="en"> <head> <meta charset="U ...
- php中ajax的使用实例讲解
一.总结 1.多复习:代码都挺简单的,就是需要复习,要多看 2.ajax原理:ajax就是部分更新页面,其实还在的html页面监听到事件后,然后传给服务器进行操作,这里用的是get方式来传值到服务器, ...
- ajax工作原理/实例
ajax是什么? 是一种创建交互式网页应用的一种网页技术.简单来说,就是向服务器发起请求,获得数据使交互性和用户体验更好. ajax不是一种新的技术,是一些技术的集合体.有 1.XHTML和CSS 2 ...
- Nodejs 之Ajax的一个实例(sql单条件查询&并显示在Browser端界面上)
1.Broswer端的Ajax <!DOCTYPE html> <html> <head lang="en"> <meta charset ...
- Ajax Post 类实例
以前总是ajax请求是这样的 data:"a=1&b=2&c=3..." 而Controller也总是这样的 Action(int a,int b,int c) 很 ...
- JQuery处理json与ajax返回JSON实例
一.JSON的一些基础知识. JSON中对象通过“{}”来标识,一个“{}”代表一个对象,如{“AreaId”:”123”},对象的值是键值对的形式(key:value). “[]”,标识数组,数组内 ...
- [Javascript,JSON] JQuery处理json与ajax返回JSON实例
转自:http://www.php100.com/html/program/jquery/2013/0905/5912.html [导读] json数据是一种经型的实时数据交互的数据存储方法,使用到最 ...
随机推荐
- shared_ptr 和 unique_ptr
c++11标准废除乐auto_ptr, C++ 标准库智能指针 使用这些智能指针作为将指针封装为纯旧 C++ 对象 (POCO) 的首选项. unique_ptr 只允许基础指针的一个所有者. 除非你 ...
- LoadRunner 思考时间与事务响应时间的区别与关系
LoadRunner 思考时间与事务响应时间的区别与关系 思考时间lr_think_time 就是一个事务要开始时思考的时间;比如 你要点击一个 登录按钮 我们都要点击这个按钮要先思考下 就是人为 ...
- 设置tomcat内存设定
Linux: 在/usr/local/apache-tomcat-/bin 目录下的catalina.sh添加: JAVA_OPTS='-Xms512m -Xmx1024m'要加"m&quo ...
- Spring+Maven+Dubbo+MyBatis+Linner+Handlebars—Web开发环境搭建
本文主要分三部分,分别是:后台核心业务逻辑.桥梁辅助控制和前台显示页面. 本Web开发环境综合了多种工具,包括Maven包管理与编译工具.Dubbo分布式服务框架.MyBatis数据持久化工具.Lin ...
- Delphi的枚举类型
参考:http://blog.csdn.net/kissdeath/article/details/2060573 Delphi程序不仅可以用于数值处理,还更广泛的用于处理非数值的数据.例如:性别.月 ...
- Pyqt 打开外部链接的几种方法
Pyqt 触发一个事件,打开外部链接,我找到了这个方法,供大家参考 1. QDesktopServices 的openUrl 方法 QtGui.QDesktopServices.openUrl(QtC ...
- sqlplus 中spool命令的简单用法
spool基本格式: spool 路径+文件名 select col1||','||col2||','||col3||','||col4||'..' from tablename; spool off ...
- C编译: 动态连接库 (.so文件)(转摘)
作者:Vamei 出处:http://www.cnblogs.com/vamei 欢迎转载,也请保留这段声明.谢谢! 在“纸上谈兵: 算法与数据结构”中,我在每一篇都会有一个C程序,用于实现算法和数据 ...
- Go1.7改善了编译速度并且会生成更快的代码
Go1.7的开发周期正在接近它的下一个里程碑,Go的提交者Dave Cheney报告了子即将发布的版本中,团队成员在语言工具链上的努力. Cheney称,基于当前的开发状态,Go1.7将会很容易就成为 ...
- 网站Session 处理方式
分布式session有以下几种方案: 1. 基于nfs(net filesystem)的session共享 将共享服务器目录mount各服务器的本地session目录,session读写受共享服务器i ...