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数据是一种经型的实时数据交互的数据存储方法,使用到最 ...
随机推荐
- PHP面向对象——类常量，魔术常量与延期绑定
普通常量 define('常量名',常量值): 以前说过:define定义的常量,全局有效 无论是页面内,函数内,类内,都可以访问. 例: define('ACC','Deny') class ...
- Jmeter 提取http请求返回值里json数据参数化方法
第三方插件下载地址:http://jmeter-plugins.org/downloads/all/ 插件下载后解压:找到JMeterPlugins-Extras.jar,把JMeterPlugins ...
- Python中判断是否为闰年，求输入日期是该年第几天
#coding = utf-8 def getLastDay(): y = int(input("Please input year :")) m = int(input(&quo ...
- MVC学习笔记---ModelBinder
http://www.cnblogs.com/terrysun/archive/2010/04/05/1704666.html http://www.cnblogs.com/aehyok/archiv ...
- jQueryEasyUi验证
多重验证: { field : 'startPort', title : "起始端口", editor: "text", width : 50, edi ...
- C#的反射机制
using System; using System.Collections; using System.Collections.Generic; using System.IO; using Sys ...
- 没有VisualStudio也要HelloWorld
前言 在博客园看到Artech的通过3个Hello World应用来了解ASP.NET 5应用是如何运行的(1)这篇文章,于是想跟着教程学习一下.说来惭愧,这篇文章发布于2014年12月,我在2016 ...
- HDU5781 ATM Mechine(DP 期望)
应该是machine 和POJ3783 Balls类型相似. 现在上界为i元,猜错次数最多为j时,开始猜测为k元,有两种情况: 1 猜中:(i - k + 1) * dp[i - k][j] 2 猜不 ...
- sublime text 全局搜索
Ctrl+Shift+F Mac下是commadn+Shift+F 在下面Find中填入需要搜索的关键字 点击find
- hdu 4738 2013杭州赛区网络赛 桥+重边+连通判断 ***
题意:有n座岛和m条桥,每条桥上有w个兵守着,现在要派不少于守桥的士兵数的人去炸桥,只能炸一条桥,使得这n座岛不连通,求最少要派多少人去. 处理重边 边在遍历的时候,第一个返回的一定是之前去的边,所以 ...