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));

时间: 2024-10-13 21:24:30

ajax、post、get实例的相关文章

php页面get方法实现ajax,入门实例教程

ajax,入门实例教程 本例针对php页面,做了一个小的demo加深对ajax的理解 1.文档结构: 共有ajax.php 和action.php 2个页面. 2.源码如下: /*ajax.php页面*/<!DOCTYPE html> <html lang="en"> <head> <title> ajax</title> <script type="text/javascript"> func

php页面post方法实现ajax,入门实例教程

1.ajax.php页面,源码如下: <html> <head> <title>Ajax Post 传值</title> </head> <script language="javascript"> function saveUserInfo() { //获取接受返回信息层 var msg = document.getElementById("msg"); //获取表单对象和用户信息值 var

jQuery ajax - getJSON() 用法实例

实例 从 test.js 载入 JSON 数据并显示 JSON 数据中一个 name 字段数据: $.getJSON("test.js", function(json){ alert("JSON Data: " + json.users[3].name); }); 定义和用法 通过 HTTP GET 请求载入 JSON 数据. 在 jQuery 1.2 中,您可以通过使用 JSONP 形式的回调函数来加载其他网域的 JSON 数据,如 "myurl?cal

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

js分类中有一节[原生js异步请求,XML解析]主要说明了js前台是如何处理XML格式请求和如何接受由服务器返回的XML数据的解析,今天我将用一个实例来说明具体要如何操作. 前台的参数类型也是XML使用的是jquery: function test(){ var xmlString ="<bookstore>"+ "<book Type='必修课' ISBN='7-111-19149-2'>"+ "<title>数据结构

struts2+ajax+json使用实例

本文主要包含一个struts2+ajax+json的使用实例 步骤如下 1.准备工作 ①ajax使用Jquery:jquery-1.4.2.min.js ②struts2与json的依赖包:struts2-json-plugin-2.2.3.jar,json-lib PS:版本可自己控制!~ 2.过程 ①引入json依赖包 ②编写action类 ③配置struts.xml ④编写页面 ⑤测试 参考链接 struts2 + ajax + json的结合使用,实例讲解 - tfy1332的专栏 -

.NET运用AJAX 总结及其实例

1.AJAX简介 (1.没有AJAX会怎么样?普通的ASP.Net每次执行服务端方法的时候都要刷新当前页面,比如实现显示服务器的时间.每次都要刷新页面的坏处:页面刷新打断用户操作.速度慢.增加服务器的流量压力. 如果没有AJAX,在youku看视频的过程中如果点击了“顶.踩”.评论.评论翻页,页面就会刷新,视频就会被打断.试想一个效果:在YOUKU网看视 频,然后看到一个顶踩的功能,看没有ajax会打断视频,然后将按钮用UpdatePanel包起来就不会打断视频了.用HttpWatch看没有 A

ThinkPHP JQuery Ajax 的实现实例

ThinkPHP JQuery Ajax ThinkPHP 框架和客户端是完全分离的,没有任何的依赖,而服务端返回 ajaxReturn 方法也是通用的.在<ThinkPHP Ajax 使用详解及实例>一文中,讲述的是 ThinkAjax 类库结合 prototyep 和 mootools 来实现的 Ajax .事实上可以使用任何 Js 类库来实现 ThinkPHP Ajax ,本文就以 JQuery 来实现<ThinkPHP Ajax 使用详解及实例>一文中同样的功能. Js 类

JQuery处理json与ajax返回JSON实例[转]

json数据是一种经型的实时数据交互的数据存储方法,使用到最多的应该是ajax与json配合使用了,下面我来给大家介绍jquery处理json数据方法. 一.JSON的一些基础知识. JSON中对象通过“{}”来标识,一个“{}”代表一个对象,如{“AreaId”:”123”},对象的值是键值对的形式(key:value). “[]”,标识数组,数组内部各个数据之间通过“,”分割,如[“AreaId”:”123”,”AreaId”:”345”]. 很多情况下是对象数组,那就是这样:  代码如下

JQuery处理json与ajax返回JSON实例

一.JSON的一些基础知识. JSON中对象通过“{}”来标识,一个“{}”代表一个对象,如{“AreaId”:”123”},对象的值是键值对的形式(key:value). “[]”,标识数组,数组内部各个数据之间通过“,”分割,如[“AreaId”:”123”,”AreaId”:”345”]. 很多情况下是对象数组,那就是这样: 代码如下 复制代码 [{“AreaId”:”123”},{“AreaId”:”345”}] 其实数组也是一个对象,上面的格式也可以写成这样: 代码如下 复制代码 {“

Jquery+asp.net实现Ajax方式文件下载实例代码

如果文件中,需要下载一个文件,一般用超级链接的方式即可. 但是如果是图片,浏览器会默认打开图片浏览,不是实现下载. 考虑可以使用jquery ajax提交form请求的方式. jquery download函数: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17  // Ajax 文件下载     jQuery.download = function (url, data, method) {         // 获取url和data         if (