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数据是一种经型的实时数据交互的数据存储方法,使用到最 ...
随机推荐
- 【转】C语言快速幂取模算法小结
(转自:http://www.jb51.net/article/54947.htm) 本文实例汇总了C语言实现的快速幂取模算法,是比较常见的算法.分享给大家供大家参考之用.具体如下: 首先,所谓的快速 ...
- 《孙子算经》之"物不知数"题：中国剩余定理
1.<孙子算经>之"物不知数"题 今有物不知其数,三三数之剩二,五五数之剩七,七七数之剩二,问物几何? 2.中国剩余定理 定义: 设 a,b,m 都是整数. 如果 m ...
- 求n阶方阵的值（递归）
若有n*n阶行列式A,则: |A|=A[1][1]*M[1][1]+A[1][2]*M[1][2]+...A[1][n]*M[1][n]:其中M[1][i] 表示原矩阵元素A[1][i]的代数余子式: ...
- [译] 用 Swift 创建自定义的键盘
本文翻译自 How to make a custom keyboard in iOS 8 using Swift 我将讲解一些关于键盘扩展的基本知识,然后使用iOS 8 提供的新应用扩展API来创建一 ...
- ROW_NUMBER()函数的使用
SQL Server数据库ROW_NUMBER()函数的使用是本文我们要介绍的内容,接下来我们就通过几个实例来一一介绍ROW_NUMBER()函数的使用. 实例如下: .使用row_number()函 ...
- centos vsftp 服务器配置
安装服务端: # yum install -y vsftpd 安装客服端: # yum install ftp -y http://os.51cto.com/art/201408/448630.htm
- Request和Response对象
Request 和 Response 对象起到了服务器与客户机之间的信息传递作用.Request 对象用于接收客户端浏览器提交的数据,而 Response 对象的功能则是将服务器端的数据发送到客户端浏 ...
- VisualStudio一打开工程就崩溃-重打开output显示We were unable to automatically populate your Visual Studio Online accounts.
and this method exactly effected on me
- memcached for windows 修改端口和最大内存，以及常用命令
在windows中使用memcached,必须先下载memcached for win32安装. PHP模块MemCache下载地址:http://downloads.php.net/pierre 服 ...
- 【HTML+CSS】七小时快速入门~~~~~~~
由于网络化的原因,学习很方便,但是也由于太方便了,学习资料很多会给刚想要入门却没有什么自制力的初学者造成困难,我自己来说学html和css先看了一本书,后来又辗转在慕课网.w3cschool等学习网站 ...