成都网站建设设计

将想法与焦点和您一起共享

包含phpajax查询数据的词条

ajax怎么读取后台php数据

其实就是发送一个网络请求,服务端输出的内容就是响应的内容,如jQuery

10余年的易县网站建设经验,针对设计、前端、开发、售后、文案、推广等六对一服务,响应快,48小时及时工作处理。营销型网站建设的优势是能够根据用户设备显示端的尺寸不同,自动调整易县建站的显示方式,使网站能够适用不同显示终端,在浏览器中调整网站的宽度,无论在任何一种浏览器上浏览网站,都能展现优雅布局与设计,从而大程度地提升浏览体验。创新互联建站从事“易县网站设计”,“易县网站推广”以来,每个客户项目都认真落实执行。

$.ajax(

{

url: '',     // 请求URL

data: '',    // 请求时携带的参数

type: '',    // 请求方式, GET/POST

dataType: '',// 响应数据格式, text/json

success: r = {

// 请求成功时回调函数,参数 r 为服务端响应的内容

console.log(r);  // 就是你说的后台数据

},

error: () = {

console.error('fail'); // 请求失败

}

}

)

// 服务端响应内容

$data = [];   // 从数据库中获取的数据

echo json_encode($data);   // 响应客户端, 数据格式为 JSON

thinkphp怎样获取ajax请求数据

一般将前台页面搜索结果中,不喜欢的内容(链接),删除掉,因为整个网站的编程框架式thinkphp,运用js中的ajax对页面进行响应,调用后台php接口,实现前台和后台数据库的同时更新.

首先我们需要做的就是在前台页面中添加一个文本“删除”,可以这么添加:

代码如下:

a href="javascript:void(0);" id= "phpecho $val[id]/php" class="delete" 删除/a

上面的html代码的意思:就是给删除添加一个href,这个href是个js函数,类似于超链接的作用,当然对于我这样的新手在刚开始的时候会有疑惑,我们平时的超链接不是这样的,网页中很多的javascript:void(0),那程序怎么知道用户点击删除后,会响应其真正对应的js函数呢?别急,这就是为什么会为删除添加id以及class这样的标签,相信我把js中的代码公布出来以后你就会明白了,代码如下:

jQuery(".list a.delete").click(function(){

if(confirm("你确定要删除吗?")){

var _this=this;

var id = jQuery(_this).attr("id");

jQuery.ajax({

url : '/Search/index.php/Jason/delete?',

data : {'id':id},

dataType : 'json',

success : function(data){

var del = data.del;

if(del == 1){//删除成功

jQuery("#"+id).parents(".list").remove();

}else{//删除失败

alert("删除失败");

}

}

});

}

});

大家看函数的头部:jQuery(".list a.delete").click(),jQuery后面的标签是很重要的,这就保证了jquery很准确的响应页面中用户点击的“位置”,添加的事件为click(),在click里添加响应事件的代码:var id = jQuery(_this).attr("id");获取a对应的id,因为这个id是我们删除数据库时用到的链接id,当然这种直接明文的方式不好,在这里只是介绍整个响应过程。调用ajax,实现异步的运行整个过程。我们设置了js接受的是json串,这里的方式应该有很多种吧,我没有去尝试,大家要是有兴趣可以自行尝试一下。/Search/index.php/Jason/delete?这句话就是js去请求php的接口,php接口对用的代码如下:

注意ajax在求php接口时的路径,也就是delete函数必须放在JasonAction.class.php中,此例子是必须这样的:

代码如下:

public function delete(){

if($this-isGet()){

$userId = session("uid");//用户登录

if(!empty($userId)){

$a = M('***');

$id = $this-_get('id');

$result=$a-where("id=$id")-delete();//删除

if($result 0){

$arr = array("del"='1');

}else{

$arr = array("del"='0');

}

$json_str = json_encode($arr);

echo $json_str;//返回给js

}

}

}

相信大家对上面的代码不会陌生吧,整个过程都是thinkphp框架内部配置完毕的.

var del = data.del;这句是接受php代码返回来的json串中del这个key的value,进而在前台进行页面更新和响应.

复制代码代码如下:

if(del == 1){//删除成功

jQuery("#"+id).parents(".list").remove();//这句话就是后台删除成功后,直接在前台对响应的div进行删除,这样性能就会很快,无需进行后台数据的重新提取至前台页面中,

}else{//删除失败

alert("删除失败");

}

整个响应的过程就是这样,至于效果优化,是优化和细化方面的问题,后来,身边的同事又告诉我前台移除响应链接的另一个动态效果:

即将:

代码如下:

jQuery("#"+id).parents(".list").remove();

替换为:

代码如下:

jQuery("#"+id).parents(".list").slideUp("slow", function(){

jQuery(this).remove();

});

有谁知道php中用jquery实现ajax获取数据对象的方法?

你是说用 php 获取 远程的网页?

你去看这个函数:file_get_contents

---------------------------------------------

你的事: 后台要查询出一个用户(用户名,用户ID等一些信息)再把这些信息返回到前台显示。

但是前台现在我只要一个用户名,这样的话,最好用 json 格式。

比如,后台这样写 :

echo '{"name":'. json_encode('前端攻城师') .',"id":1000,"area":'. json_encode('中国') .'}';

然后前台代码:

script

$.post("index.php?a=diary_view2action=first" , function(data){

alert(data.name);

},'json');

/script

这样,就可以获取 名字啦。。。

如果还有问题,设我为最佳,然后去 jQuery 爱好者论坛 去提问。。。

有高手帮你回答。。。

这段php代码怎么实现ajax查询!

你的s.html改成下面代码,在s.php获取q的值时用post就可以了,get应该也可以,我没有用过get,为保险起见,这里改成了post:

script type="text/javascript"

!--

var xmlHttp;

function createXMLHttpRequest()

{

if(window.ActiveXObject)

{

xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");

}

else if(window.XMLHttpRequest)

{

xmlHttp=new XMLHttpRequest();

}

}

function startRequest(url)

{

createXMLHttpRequest();

xmlHttp.onreadystatechange=handleStateChange;

xmlHttp.open("POST",url,true);

xmlHttp.send();

}

function handleStateChange()

{

if(xmlHttp.readyState==4)

{

if(xmlHttp.status==200)

{

document.getElementById("results").innerHTML=xmlHttp.responseText;

}

}

}

function check()

{

var q=document.getElementById("q").value;

ifq=="")

{

alert("请输入Q");

return false;

}

else

{

document.getElementById("results").innerHTML="brbrbr正在加载页面,请稍候...";

startRequest('s.php?q='+q);

}

}

--

/SCRIPT

form method=post action=""

input type=text name=q size=50 value=""id=q"

input type="submit" value="搜索" onclick="check()"

div id="results"

/div

如何利用AJAX+PHP处理表单查询数据?

给你个例子,照着改改就成:

html

head

script src="selectuser.js"/script

/head

body

form

Select a User:

select name="users" onchange="showUser(this.value)"

option value="1"Peter Griffin/option

option value="2"Lois Griffin/option

option value="3"Glenn Quagmire/option

option value="4"Joseph Swanson/option

/select

/form

p

div id="txtHint"bUser info will be listed here./b/div

/p

/body

/html

"selectuser.js" 文件中的 JavaScript 代码:

var xmlHttp

function showUser(str)

{

xmlHttp=GetXmlHttpObject()

if (xmlHttp==null)

{

alert ("Browser does not support HTTP Request")

return

}

var url="getuser.php"

url=url+"?q="+str

url=url+"sid="+Math.random()

xmlHttp.onreadystatechange=stateChanged

xmlHttp.open("GET",url,true)

xmlHttp.send(null)

}

function stateChanged()

{

if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")

{

document.getElementById("txtHint").innerHTML=xmlHttp.responseText

}

}

function GetXmlHttpObject()

{

var xmlHttp=null;

try

{

// Firefox, Opera 8.0+, Safari

xmlHttp=new XMLHttpRequest();

}

catch (e)

{

//Internet Explorer

try

{

xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");

}

catch (e)

{

xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");

}

}

return xmlHttp;

}


分享标题:包含phpajax查询数据的词条
转载来源:http://chengdu.cdxwcx.cn/article/doddocj.html