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实例的更多相关文章

  1. .NET运用AJAX 总结及其实例

    1.AJAX简介 (1.没有AJAX会怎么样?普通的ASP.Net每次执行服务端方法的时候都要刷新当前页面,比如实现显示服务器的时间.每次都要刷新页面的坏处:页面刷新打断用户操作.速度慢.增加服务器的 ...

  2. Ajax实现异步操作实例_针对XML格式的请求数据

    js分类中有一节[原生js异步请求,XML解析]主要说明了js前台是如何处理XML格式请求和如何接受由服务器返回的XML数据的解析,今天我将用一个实例来说明具体要如何操作. 前台的参数类型也是XML使 ...

  3. jQuery ajax - getJSON() 用法实例

    实例 从 test.js 载入 JSON 数据并显示 JSON 数据中一个 name 字段数据: $.getJSON("test.js", function(json){ aler ...

  4. PHP 和 AJAX MySQL 数据库实例

    HTML 表单 <!DOCTYPE html> <html lang="en"> <head> <meta charset="U ...

  5. php中ajax的使用实例讲解

    一.总结 1.多复习:代码都挺简单的,就是需要复习,要多看 2.ajax原理:ajax就是部分更新页面,其实还在的html页面监听到事件后,然后传给服务器进行操作,这里用的是get方式来传值到服务器, ...

  6. ajax工作原理/实例

    ajax是什么? 是一种创建交互式网页应用的一种网页技术.简单来说,就是向服务器发起请求,获得数据使交互性和用户体验更好. ajax不是一种新的技术,是一些技术的集合体.有 1.XHTML和CSS 2 ...

  7. Nodejs 之Ajax的一个实例（sql单条件查询&并显示在Browser端界面上）

    1.Broswer端的Ajax <!DOCTYPE html> <html> <head lang="en"> <meta charset ...

  8. Ajax Post 类实例

    以前总是ajax请求是这样的 data:"a=1&b=2&c=3..." 而Controller也总是这样的 Action(int a,int b,int c) 很 ...

  9. JQuery处理json与ajax返回JSON实例

    一.JSON的一些基础知识. JSON中对象通过“{}”来标识,一个“{}”代表一个对象,如{“AreaId”:”123”},对象的值是键值对的形式(key:value). “[]”,标识数组,数组内 ...

  10. [Javascript,JSON] JQuery处理json与ajax返回JSON实例

    转自:http://www.php100.com/html/program/jquery/2013/0905/5912.html [导读] json数据是一种经型的实时数据交互的数据存储方法,使用到最 ...

随机推荐

  1. java web统计当前访问用户数量

    1.使用SessionListener监听器,监听创建与销毁session的操作,利用计数方式记录当前session的数量

  2. PHP之MVC项目实战(三)

    本文主要包括以下内容 标准错误错误处理 http操作 PDO 文件操作 标准错误错误处理 PHP在语法层面上发生的错误 两个过程: 触发阶段(发生一个错误) 处理阶段(如何处理该错误) 触发阶段 系统 ...

  3. AngularJS 控制器 ng-controller

    AngularJS 控制器 控制 AngularJS 应用程序的数据. AngularJS 控制器是常规的 JavaScript 对象. AngularJS 应用程序被控制器控制. ng-contro ...

  4. 利用bak文件恢复数据库问题小结

    对备份的基础理解: --完整备份:完整备份会备份所有数据的区和少量的日志(日志文件用于恢复数据保持数据一致性).由于差异备份需要依据最后一次完整备份,因此完整备份会清楚一些分配位图数据. --差异备份 ...

  5. oracle一点记录

    查看数据库实例名(SERVICE_NAME): sql: select instance_name from v$instance; 如何知道oracle客户端是32位还是64的.windows下启动 ...

  6. vim、gvim加载文件慢

    1. strace -f -T -o vim.strace vim 2. vim --startuptime "vim-time.txt" 3. gvim -f

  7. HTML5学习之视频与音频（三）

    <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <m ...

  8. 【转载】Pyqt 添加右键菜单方法

    转载地址: http://www.cnblogs.com/yogalau/p/3954042.html?utm_source=tuicool QListWidget 是继承 QWidget 的, 所以 ...

  9. 64位Ubuntu运行32位程序时报文件不存在(No such file or Directory)的一种解决办法

    尝试在64位Ubuntu下面运行32位程序时, 一直说 文件不存在(No such file or directory), 我只想说++. 你tm说个文件格式不正确不就好了? 非得说个文件不存在! 真 ...

  10. linux命令执行返回值（附错误对照表）

    转自:http://blog.sina.com.cn/s/blog_6739945f0100zt4b.html 在 Linux 下,不管你是启动一个桌面程序也好,还是在控制台下运行命令,所有的程序在结 ...