㈠ jQuery中ajax - get() 方法实例详解
在jquery中使用get,post和ajax方法给服务器端传递数据,在上篇文章给大家分享了jquery中ajax-post()方法实例,下面通过本文继续学习jQuery中ajax
-
get()
方法,具体介绍请看下文。
jQuery
Ajax
参考手册
实例
使用
AJAX
的
GET
请求来改变
div
元素的文本:
$("button").click(function(){
$.get("demo_ajax_load.txt",
function(result){
$("div").html(result);
});
});
亲自试一试
定义和用法
get()
方法通过远程
HTTP
GET
请求载入信息。
这是一个简单的
GET
请求功能以取代复杂
$.ajax
。请求成功时可调用回调函数。如果需要在出错时执行函数,请使用
$.ajax。
语法
$(selector).get(url,data,success(response,status,xhr),dataType)
详细说明
该函数是简写的
Ajax
函数,等价于:
$.ajax({
url:
url,
data:
data,
success:
success,
dataType:
dataType
});
根据响应的不同的
MIME
类型,传递给
success
回调函数的返回数据也有所不同,这些数据可以是
XML
root
元素、文本字符串、JavaScript
文件或者
JSON
对象。也可向
success
回调函数传递响应的文本状态。
对于
jQuery
1.4,也可以向
success
回调函数传递
XMLHttpRequest
对象。
示例
请求
test.php
网页,忽略返回值:
$.get("test.php");
更多示例
例子
1
请求
test.php
网页,传送2个参数,忽略返回值:
$.get("test.php",
{
name:
"John",
time:
"2pm"
}
);
例子
2
显示
test.php
返回值(HTML
或
XML,取决于返回值):
$.get("test.php",
function(data){
alert("Data
Loaded:
"
+
data);
});
例子
3
显示
test.cgi
返回值(HTML
或
XML,取决于返回值),添加一组请求参数:
$.get("test.cgi",
{
name:
"John",
time:
"2pm"
},
function(data){
alert("Data
Loaded:
"
+
data);
});
jquery
ajax
的
$.get()用法详解
js文件
$(document).ready(function(){
$("form").submit(function(event)
{event.preventDefault()})//取消submit的默认行为
$("form
input[type='submit']").click(function(){
var
url
=
$('form').attr('action');
//
取Form中要提交的链接
var
param
=
{};
//
组装发送参数
param['name']
=
$('form
input[name=name]').val();
param['age']
=
$('form
input[name=age]').val();
$.get(url,
param,
function(dom)
{
$('div.get').append(dom)
})
;
//
发送并显示返回内容
});
})
html文件
<form
action="ajax.php"
method="get">
Name:
<input
type="text"
name="name"
/>
Age:
<input
type="text"
name="age"
/>
<input
type="submit"
/>
</form>
<div
class="get">这是ajax的get方法</div>
php文件
error_reporting(0);
if($_GET["name"]=="kitty")
{
$name=
"you
are
the
lucky";
}
else
$name=$_GET["name"];
$age=$_GET["age"];
echo
"<div>
".$name."
".$age."</div>";
以上介绍就是本文给大家分享的jQuery中ajax
-
get()
方法实例详解,希望大家喜欢。
㈡ 使用PHP+ajax实时显示下面这里的行情数据
其实这跟AJAX无关,
AJAX也是需要一个类似点了按钮触发它去调取数据这样子,
你如果想要时时刷新,相当于原页面每变动一次,你这边页面也跟着变动对吧,
如果用PHP做,只能定时查询了,每隔多长时间主动查询一次,
每次查询完保存信息,完了,下次查询时比对与上次查询的信息是否有变化,
如果有变化则显示在你的目标页上,
以上,有问题请追问,
㈢ php ajax post如何处理多个返回信息
$.post是提供简单的封装的ajax post请求的方法,没办法进行更详细的配置。改为使用$.ajax把,里面有一个参数可以配置超时时间如$.ajax({url:"xxx.php",type:"POST",dataType:"json",timeout:60000, //超时时间,现在设置为60s。success:function(data){ console.log(data);}});更详细的配置可以查看jQuery的API文档。另外需要你的服务器端配置的超时时间不能小于jQuery里面配置的。要不然jQuery还没有超时,服务器端直接返回timeout了。同时优化一下服务端的处理,提高相应速度也是一个不错的选择。
㈣ ajax在php学习中很重要吗它具体什么内容啊
Ajax是Javascript技术的一种运用,基本上是用于客户端与服务器数据的交互,预处理等.
PHP是服务器端的程序处理,主要用于业务逻辑的实现与数据的调用处理.
这两种大体上是属于不同的技术范畴.两者之间不是必然的联系.
学好Ajax对任何一种Web类型编程都有很大的好处.
AJAX为“Asynchronous JavaScript and XML”(异步的JavaScript与XML技术),是一种广泛应用在浏览器的网页开发技术。
具体的内容阐述起来篇幅很大,建议查阅相关的书籍与搜索网络资料.
㈤ thinkphp中怎么用ajax
thinkphp中使用ajax很简单.主要掌握的地方有三个.
第一.tp中ajax的url需要使用大U方法.比如:$.post("{:U('User/add')}")
第二.控制器中返回结果得第一种方法.$this->error('失败','',true); 第三个参数为true.则发挥的是json数据.包含info.status.url三项.
第三.控制器中返回结果的第二种方法.$this->ajaxReturn(array('customKey1'=>'customValue1','customKey2'=>'customValue2','customKey3'=>'customValue3')).
掌握以上三点和ajax基本使用方法.那么在tp中使用ajax也就掌握了.简单的例子如下.伪代码,或许有错.
模板中:
<script>
$.post("{:U('User/add')",{uname:xiaoming,age:15},function(data){
//data接收返回数据
if(data.status==1){
alert(data.info);
location.href=data.url;
}else{
alert('错误');
}
});
</script>
控制器中:
publicfunctionadd(){
if(IS_AJAX){
$name=I('post.name','','trim');
$age=I('post.age','','trim');
if($name&&$age){
//插入数据
$this->success('添加成功',U('User/index'),true);
}else{
$this->ajaxReturn(array(
'status'=>0,
'info'=>'大爷,您没输入名字',
'url'=>U('User/add')
));
}
}else{
returnfalse;
}
}
大概就是这样子.至于剩下的$.ajax.$.getJson等等都是一样的道理
㈥ 请求一个php+ajax+jquey的实例:是有经过php处理弹出的那些错误信息如何传递到前端html页面过程的实例
$(".matuan_good").live("click",function(){
ob=$(this);
varreply_id=$(this).attr('rel');
varnownum=$(this).find('span').text();
url="__ROOT__/Forum/post/forum_reply_ding";
$.ajax({
type:"POST",
url:url,
data:{reply_id:reply_id,nownum:nownum},
dataType:"json",
success:function(data){
if(data.status==0){
document.getElementById("zixunqdok").innerHTML=data.info;
$("#zixunqd").css({"display":"block"});
$('.globleconfirma').click(function(){
$("#zixunqd").css({"display":"none"});
});
$('.globlecloseimg').click(function(){
$("#zixunqd").css({"display":"none"});
})
}else{
ob.find('span').text(data.info);
}
}
});
});
ajax返回的数据是对象,亦或是json格式
里面有自定义的status
message
title
contnet等。
前端拿到的时候就是obj.status
obj.message
if(obj.status='1'){
//ok
}
㈦ php如何获取jquery ajax传递过来的值
方法和详细的操作步骤如下:
1、第一步,安装并配置PHP集成环境,以phpstudy为例,见下图,转到下面的步骤。