ajax请求php返回的数据是整个页面的html,Ajax出错并返回整个页面html的问题

有这样一个例子在thinkPHP视图页面执行一个给评论点赞的功能，为了强化用户体验，一般都采用ajax异步请求后台处理点赞数据，成功后页面执行局部更新后的数据即可。前台通常会用到jquery，通过执行jquery的ajax方法更加简单方便的完成任务请求。

简单描述下问题出现场景

tinkPHP在应用路由后的视图页面执行ajax，并没有正常放回数据。以下代码描述了一个获取评论ID，到ajax请求的过程。根据后台处理规则，cmthot方法会返回一个更新的后点赞数据(data)返回到前台。function uphot(o){

var cmtid=$(o).attr("cmtid");//获取评论ID

$.ajax({

type:"post",

dataType:"json",

data:{cmtid:cmtid},

url:"{:url('cmthot')}",//请求地址

success:function(data){

$('#hot'+cmtid).html(' '+data);

});

}

这是就会出现这种情况，后面没有正常返回点赞数据，报错了。通过alert(data)可以看到这样的情景。

再来看下后台处理的部分public function updatehot()

{

if(request()->isAjax()){

$cmtid=input('cmtid');

$cmthot=model('comment')->cmthot($cmtid);

return $cmthot;

}else{

$this->error('非法请求');

}

在上述代码中通过控制器将ajax获取的评论ID丢到模型(模型代码就不贴了)去处理后拿到的新增后的点赞数返回给前台。前台(前述代码)通过.html重写了新的数据。

发现问题的根源出自路由

为了排错，当时就把ajax改成了a链接直接提交。返回的结果一切正常，也就是说后台控制器和模型均正常，没有错误。问题应该还是在ajax上。

因为这个操作方式我在网站后台经常使用，按说也没有错误，再次到后台相同功能处比对。后台类似功能一切正常。

为了找出问题出现的原因，就比较了下网站前后台的差异。唯一明显的就是前台为了用户体验动用了路由，精简了url。而后台使用iframe框架，url固定是框架页面的地址，所以当时就没有使用路由。

找到不同点再来差错就方便了，第一段代码中请求的地址，因为被路由了，所以并不存在，这里需要补上路由后的地址，所以在补上斜杠即可。url:"{:url('/cmthot')}",

最终就因为一条斜杠造成返回一页的html，所以还是要仔细。

ajax请求php返回的数据是整个页面的html,Ajax出错并返回整个页面html的问题相关推荐

ajax请求json和xml数据及对json和xml格式数据的解析
ajax请求json和xml数据及对json和xml格式数据的解析一.ajax请求json数据并解析 ajax的写法: json数据解析: 请求json经常出现的跨域报错: 二.ajax请求xml数 ...
ajax使用json下拉框,ajax请求后台得到json数据后动态生成树形下拉框的方法
如下所示: $(function(){ $.ajax({ url:"departmentAction_getAllDep.action", type:"post" ...
Ajax请求接口并将数据返回到页面
<script>$(function(){$.ajax({type: "post",//接口地址url: "http://47.92.145.141:8111 ...
easyui datatable ajax 加载数据,ASP.NET easyUI--datagrid 通过ajax请求ASP.NET后台数据的分页查询...
js前台对datagrid的定义代码,如下 mygrid = $('#mytable').datagrid({ fit: true, //自动大小 height: 'auto', rownumbers ...
java解析ajax的数据_java ajax 请求后获取 json 数据以及使用解析，解惑
写这个内容是因为...框架一直在用ajax ,,传输 json 但是一直不太明白为什么要这样配置, 以及前端ajax 怎么使用后台传输过来的数据. 首先是 spirng mvc 的配置 c ...
JQ实现ajax请求网抑云数据+art-template渲染
一.实现步骤 1.静态布局 1.1写出想要的页面架构和样式 2.ajax请求数据 2.1引入JQ文件 2.2设置请求方法.地址.参数.返回信息 2.3引入模板 2.4渲染 3.art-template ...
SpringMVC接收ajax请求并回传json数据，配置的步骤及问题解决。No converter found for type ArrayList with Content-Type null
1. 在maven项目的pom.xml文件引入依赖 <dependency><groupId>com.fasterxml.jackson.core</groupId> ...
爬虫之爬取知乎下某个问题下的全部图片（处理AJAX请求，解析json数据）
(直接需要代码的看最后面,前面只是分析) 当你查看知乎某个问题的答案时,通过普通的方法爬取页面,你发现只能爬取一页的内容,当你点击下一页时,浏览器地址并没有发生变化,这种技术叫做AJAX,每次载入的只 ...
a标签用ajax请求传参,Django中如何实现传参的Ajax请求
带参数的Ajax请求通过Ajax实现下面的功能: 在实现这个功能之前需要掌握的点: 1.在学习jQuery时,我们知道: 获取input标签中输入的值:$("#num1").va ...

ajax请求php返回的数据是整个页面的html,Ajax出错并返回整个页面html的问题

ajax请求php返回的数据是整个页面的html,Ajax出错并返回整个页面html的问题相关推荐

最新文章

热门文章