jquery中指定请求获取json数据的方法是

jquery中指定请求获取json数据的方法是,第1张

使用Ajax。通常来说,jQuery异步获取json数据的方式是$ajax方法。getJSON方法使用AJAX的>

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

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

代码如下:

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

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

jQuery("list adelete")click(function(){

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

var _this=this;

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

jQueryajax({

url : '/Search/indexphp/Jason/delete',

data : {'id':id},

dataType : 'json',

success : function(data){

var del = datadel;

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

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

}else{//删除失败

alert("删除失败");

}

}

});

}

});

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

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

代码如下:

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 = datadel;这句是接受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();

});

首先找到获取所需信息的请求,之后查看请求地址和请求参数,使用同样的请求发送数据,如果能得到就OK,得不到的话,可以看一下浏览器的请求代码,火狐和Chrome都可以查看,然后把这些请求头加到代码中,就可以查到了

如果得到的是乱码,有可能被压缩了,解压一下就好,一般为gzip类型压缩,请求头Accept-Encoding:gzip是这样的。

JSONArray json = JSONArrayfromObject(models); //list集合数据转json responsegetWriter()println(json);//传到前台 //ajax success: function(data){ var models = eval("("+data+")"); var rows=""; for(var i in models){ rows

使用jquery的ajax的jsonp类型跨域请求数据、始终获取不到返回数据是设置错误造成的,解决方法为:

1、创建基本的文件结构json_ajaxhtml和json_ajaxphp,下载jqueryjs。

2、如图分别编写json_ajaxhtml和json_ajaxphp文件的编码。

3、分别在w(l)amp环境下运行json_ajaxhtml和json_ajaxphp。

4、经过源码和运行结果的分析,知道了在json_ajaxhtml中设置了按钮的点击事件,点击按钮。

注意事项:

jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的css选择器,并且可对CSS选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器,如IE 60+、FF 15+、Safari 20+、Opera 90+等。

以上就是关于jquery中指定请求获取json数据的方法是全部的内容,包括:jquery中指定请求获取json数据的方法是、怎么获取http post请求传输的数据、thinkphp怎样获取ajax请求数据等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9796527.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-02
下一篇 2023-05-02

发表评论

登录后才能评论

评论列表(0条)

保存