解决jquery的ajax调取后端数据成功却渲染失败的问题

获取后端数据后，进行前端的页面渲染，数据读到了，渲染却失败了，经过无数次排查，发现了问题：

主要问题就是id的唯一性

$("#id")一般可以获得相应的对象，但是如果此时页面有多个同样的id,jquery就不行了，肯定不能查找到相应的对象

综述来说，如果渲染不成功，首先考虑要绑定数据的对象找没找到，此时必须看看id是否唯一了。

以上这篇解决jquery的ajax调取后端数据成功却渲染失败的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持我们。

赞 (0)

相关推荐

  • jquery利用ajax调用后台方法实例

    复制代码 代码如下: 语法:$(function(){    var callback = function(r){  //r表示后台数据返回的数据.    }    $.get("",callback);   //引号里面写方法的路径}); 这样就可以得到后台方法得到的数据显示在html前端了. 以下是工作中写的一段js和后台方法: js: 复制代码 代码如下: $(function(){    var callback = function (r) {        var dat

  • jquery中ajax请求后台数据成功后既不执行success也不执行error的完美解决方法

    jquery中ajax请求后台数据成功后既不执行success也不执行error,此外系统报错:Uncaught SyntaxError: Unexpected identifier at Object.success,但后台能够返回数据,原代码如下: var source=[]; $.ajax({ type: "post", url: "connectdb/select.jsp", data: {database: "scmdb", selec

  • jQuery Ajax请求后台数据并在前台接收

    1.前台使用jQuery ajax请求 $.ajax({ url: "r_getRolePer.action", dataType:'json', data: {userId:"1"}, //请求的附加参数,用json对象 method:'POST', success: function(data){ $.messager.alert('消息',data.add,''); //这里使用的时easyui的格式 }, }); 2.在action里面使用response.

  • 解决jquery的ajax调取后端数据成功却渲染失败的问题

    获取后端数据后,进行前端的页面渲染,数据读到了,渲染却失败了,经过无数次排查,发现了问题: 主要问题就是id的唯一性 $("#id")一般可以获得相应的对象,但是如果此时页面有多个同样的id,jquery就不行了,肯定不能查找到相应的对象 综述来说,如果渲染不成功,首先考虑要绑定数据的对象找没找到,此时必须看看id是否唯一了. 以上这篇解决jquery的ajax调取后端数据成功却渲染失败的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们.

  • 解决JQuery的ajax函数执行失败alert函数弹框一闪而过问题

    先查看<form>标签是否有action属性,如果没有,并且最后<button>标签的type属性为'submit'时,默认提交位置就是当前页面 如果在页面右键检查,点击网络,会在开头发现这样的post包: 在右侧消息头处可见,请求网址为当前网址,并且响应头部类型为html 所以只要把form表单里最后提交按钮的type="submit"换为type="button",把按钮变成原生按钮, 就可以正确使用ajax方法传递数据,原因就是form

  • Jquery使用AJAX方法请求数据

    一.AJAX请求 1.jQuery.ajax(url,[settings]): 通过 HTTP 请求加载远程数据. jQuery 底层 AJAX 实现.简单易用的高层实现见 $.get, $.post 等.$.ajax() 返回其创建的 XMLHttpRequest 对象.大多数情况下你无需直接操作该函数. Example: 保存数据到服务器,成功时显示信息. $.ajax({ type: "POST", url: "some.php", data: { name:

  • 详解闭包解决jQuery中AJAX的外部变量问题

    详解闭包解决jQuery中AJAX的外部变量问题 在AJAX中,我们经常都要使用外部变量,经常会多次使用,如下代码 function getCarInfo(){ for(var i=0;i<4;i++){ var carId = $("#carList0"+i+" #carId").val(); var request = { city: city, carId: carId }; $.ajax({ url:"enquiry", type:

  • jQuery基于ajax操作json数据简单示例

    本文实例讲述了jQuery基于ajax操作json数据的方法.分享给大家供大家参考,具体如下: jQuery Ajax 实例演示 jQuery Ajax 的三种格式,在与后台进行数据交互的时候可以是json格式也可以是xml格式,本人建议将数据转化成json格式. Xml与json的比较 1.可读性 JSON和XML的可读性可谓不相上下,一边是建议的语法,一边是规范的标签形式,很难分出胜负. 2.可扩展性 XML天生有很好的扩展性,JSON当然也有,没有什么是XML能扩展,JSON不能的. 3.

  • 解决Layui当中的导航条动态添加后渲染失败的问题

    今天在使用Layui导航条动态添加的时候,发现动态添加后没有办法再次渲染他的效果,原因未知,但是已经解决了,这里利用的方式是将它渲染出来的span.layui-nav-bar样式利用DOM先删除掉再重新渲染,直接贴图看结果 <ul class="layui-nav" id="nav" layui-filter="test"></ul> js代码 $(function () { $.ajax({ url: '/Main/Ge

  • jQuery通过Ajax返回JSON数据

    服务端PHP读取MYSQL数据,并转换成JSON数据,传递给前端Javascript,并操作JSON数据.本文将通过实例演示了jQuery通过Ajax向PHP服务端发送请求并返回JSON数据. JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式.易于人阅读和编写,同时也易于机器解析和生成.JSON在前后台交互的过程中发挥着相当出色的作用.请接着往下看教程. <ul id="userlist"> <li><a hre

  • jquery教程ajax请求json数据示例

    复制代码 代码如下: $.ajax({            url: '这个地址要换成你自己的',            data: {S_CourseID: courseid , CurrTime : new Date().getTime()}, //加个时间戳,否则会不自动更新数据            dataType: 'json',            success: function(data)            { if (data != null) { if ( dat

  • jquery中ajax调用json数据的使用说明

    $.get()和$.post()这两个方法基本都一样使用,所以只说$.post()这个东东! 情形1: $.post("url",function);此时返回的数据没有处理,所以不是json格式! 情形2:$.post("url",function, "json");此时虽然指定了返回的数据为json格式,但实际上却不是! 情形3:$.post("url",{},function);此时传入的参数为空,没有指定返回的数据格式,

随机推荐