ajax得到数据后,刷新问题

以前是后台直接request.setAttribute,前台接收
[img=http://forum.csdn.net/PointForum/ui/scripts/csdn/Plugin/001/face/16.gif][/img]


<%List<MessageView> mList = (List<MessageView>) request.getAttribute("mList");%>

现在用ajax了,得到了想要的数据,输出是显示
data : "idall=" + idAll, // 传参
        dataType : 'json', // 返回值类型
        success : function(msg) {
            var me = msg[0].birthday;
            alert(me + "***");
            var me1 = msg[0].realname;
            alert(me1 + "***");
        },

但是我的页面以前是这种遍历的,感觉比较方便,现在有些懵,不知道有什么办法可以像以前一样,方便好用
<% for (MessageView mv : mList) { 
                                                            mv3 = mv;%>
                            <div id="trDel" value="<%=mv.getId()%>">
                        <tr onmouseover="this.style.backgroundColor='#ffcccc'"
                            onmouseout="this.style.backgroundColor='#ffffff'" align="center" >
                            <td>
                                &nbsp;&nbsp;
                                <input type="checkbox" value="<%=mv.getId()%>" name="check"
                                    onclick=selFirst();; />
                            </td>
                            <td style="display: none;"><%=mv.getId()%></td>
                            <td id="realname"><%=mv.getRealname()%></td>
                            <td><%=mv.getSex()%></td>
                            <td><%=mv.getBirthday()%></td>
                            <td><%=mv.getHobby()%></td>
                            <td><%=mv.getJop()%></td>
                            <td><%=mv.getSalary()%></td>
                            <td><%=mv.getName()%></td>
                            <td><%=mv.getIntro()%></td>
                            <td>
                                <div align="left">
                                    <div style="width: 60px; float: left;">
                                    <input type="hidden" id="deleteId" value="<%=mv.getId()%>"/>
                                        <a style="cursor:pointer; color:green;" onclick="test()">删除</a>
                                    </div>
                                    <div style="width: 60px; float: right;">
                                        <a href="update.do?id=<%=mv.getId()%>">修改</a>
                                    </div>
                                </div>
                            </td>
                        </tr>
                        <%}%>
                        </div>

大神指教,通俗易懂,谢谢

4个回答

用jquery遍历
图片说明

cai_jim_xiaoniu
cai_jim_xiaoniu 谢谢,虽然没用上但是又学了一招,感谢感
3 年多之前 回复

ajax 局部刷新呗 比你以前的还好使

data 返回一个页面

获取 trDel div对象,然后拿到 data里面的数据 循环 拼接处 tb 里面的元素 加到 div 里面

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
Python+OpenCV计算机视觉

Python+OpenCV计算机视觉

ajax更改session的值,页面数据实时刷新

正在写一个论坛,遇到一个问题,我想让帖子实时刷新出来。如果使用页面自动刷新的话 ,对操作来说会有冲突,我想用ajax进行长连接,即ajax搁一秒访问数据库,更改覆盖session的值,然后页面中迭代获取session的值,但是我写到更新了session的值,然后页面不能数据不是最新的session中的数值,怎么才能使页面获取最新的session? 附上我的jsp代码,求大神看看 谢谢 <script type="text/javascript" src="${ pageContext.request.contextPath }/js/jquery-1.8.3.js"></script> <script type="text/javascript"> window.setInterval("shownote();",1000);//定时调用这个函数 达到即时刷新的作用 //页面一加载完就运行 $(function(){ shownote(); }); function shownote(){ $.post("user_checkNote",function(data){ }); } </script> </head> <body> <center> <h1>My BBS 主页</h1> <br> <br> <br> <h3><a href="${pageContext.request.contextPath }/user_myworkspace">我的空间</a>&nbsp;&nbsp;<a href="${pageContext.request.contextPath }/user_sendnotePage">发帖</a></h3> <!-- 下面ajax自动刷新出来数据库最新的十条新数据 --> <br> <h2>所有内容</h2> <s:if test="#session.notelist==null"> 没有数据 </s:if> <s:else> <s:iterator value="#session.notelist" var="n" > <div id="d1"> <h3><a href="${pageContext.request.contextPath }/user_lookdetail?id=<s:property value="#n.id"/>"><s:property value="#n.notehead"/></a></h3> </div> </s:iterator> </s:else> </center> </body> </html>

使用 AJAX,局部刷新 把从后台查询的数据进行绑定并以表单的形式展示出来怎么实现最好有例子

使用 AJAX,局部刷新 把从后台查询的数据进行绑定并以表单的形式展示出来怎么实现最好有例子

讨论关于浏览器刷新与Ajax无刷新的问题

<p>浏览器刷新与Ajax无刷新的问题,不知道你们有遇到过没? <br /><br />客户访问一个页面,该页面采用了Ajax技术,当用户在该页面进行某些操作,从服务器获得新的数据后, <br />对当前页面进行更新,<span style="color: #ff0000;">当客户进行了很多操作后,当前访问的页面的信息也就不是最初的那个页面了, <br />就在此时,客户通过浏览器上的刷新按扭对当前页进行了刷新!</span> </p> <p><br /><span style="color: #0000ff;">刷新后浏览器显示的当前页面是最初的那个页面而不是刷新前的的这个页面,这样,问题就来了:</span><br /><br /><span style="color: #0000ff;">讨论:有什么方法可以使刷新后的页面为刷新前的这个页面呢?</span></p> <p> </p> <p> </p> <p><span style="color: #0000ff;">(注:请斑竹不要把帖子转到问题版块去了,我不是提问,而是想请达人们讨论下!)</span></p><br /><strong>问题补充</strong><br /><div class="quote_title">achun 写道</div> <div class="quote_div"> <h3 class="type_original" title="&#21407;&#21019;">楼主看看这篇文章,也许利用window.name是一个可行的方法,不过实现起来.......呵呵难说呀,这根整个应用架构都有关系的<br /></h3> <h3 class="type_original" title="&#21407;&#21019;"><a href="http://achun.iteye.com/blog/239535">jCT与AJAX七宗罪</a></h3> </div> <p><br />期待你的实现方法哦!</p><br /><strong>问题补充</strong><br /><div class="quote_title">toeo 写道</div><div class="quote_div">用JavaScript把浏览器的工具栏禁用了....鼠标右键也禁用了..有这样的客户..估计也不会用什么firefox. <br /> <br />让Y刷新...</div> <br /> <br />那倒是哦,把工具栏都禁用了,让他Y的刷去!<img src="/images/smiles/icon_eek.gif" />

aps.net MVC5视图下模型数据的刷新问题

有一个View,上面绑定了一个model,然后按照需求有三个分页分别显示该model的不同内容。 由于页面上有不少功能按钮,使用了Ajax提交和局部刷新,使得分页显示部分可以自动完成分页部分数据的刷新显示。这些都没有问题。 现在问题是:在View上有一个提交按钮,点击提交时会将该页面上所有数据进行提交。但对数据的修改是在分页上进行的,尽管分页刷新时已经将model重新获得,但仅仅局限在分页范围内。想请教下:如果想要在任意一个分页数据的刷新时,也将View的model刷新,且不刷新整个View(Reload是肯定可以的),只是刷新模型数据,该如何做?

我用dropdownlist动态绑定数据,用ajax实现数据获取,第一遍遍历之后,不再刷新

我数据放在returndata.aspx的datatable中,第一次执行是可以的,当选择dropdownlist中不同的option会返回不同的信息,但是当遍历完datatable中的所有rows之后,dropdownlist的onchange事件失效了,获取的内容不再更新。 1. Defalut.aspx <script type="text/javascript" language="javascript"> var xmlhttp = null; function GETXMLHttpRequest() { if (document.XMLHttpRequest) { xmlhttp = new XMLHttpRequest(); } else { xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); } } function getInfo(value) { GETXMLHttpRequest(); var url = "ReturnData.aspx?id=" + value; xmlhttp.open("GET", url, true); xmlhttp.send(); xmlhttp.onreadystatechange = function () { if (xmlhttp.readyState == 4 && xmlhttp.status == 200) { document.getElementById("content").innerHTML = xmlhttp.responseText; } } } </script> <asp:DropDownList ID="DropDownList1" runat="server" onchange="getInfo(this.value)"> </asp:DropDownList> //dropdownlist的onchange事件调用上面的js Default.aspx的后台代码 private void ShowData() { string sql = "select * from stu"; DataTable dt = SqlHelper.ExecuteQurly(sql); DropDownList1.DataSource = dt; DropDownList1.DataTextField = "sname"; DropDownList1.DataValueField = "sid"; DropDownList1.DataBind(); }//从数据库中绑定dropdownlist的内容 ReturnData.aspx(default.aspx获取数据的页面) 后台代码 private void getData() { if (Request.QueryString["id"] == null) return; string id = Request.QueryString["id"].ToString(); if (id == "") return; string sql = string.Format("select * from stu where sid={0}", id); DataTable dt = SQLHelper.SqlHelper.ExecuteQurly(sql); Response.Write("<table><tr><td>学号</td><td>姓名</td><td>性别</td></tr>"); if (dt.Rows.Count <= 0) return; for (int i = 0; i < dt.Rows.Count; i++) { string sql2 = string.Format("<tr><td>{0}</td><td>{1}</td><td>{2}</td></tr>", dt.Rows[i][0].ToString(), dt.Rows[i][1].ToString(), dt.Rows[i][2].ToString()); Response.Write(sql2); } Response.Write("</table>"); Response.End(); }

ajax已经成功在页面上显示数据了,但是怎么不能自动更新数据,求大神们指导!

![图片说明](https://img-ask.csdn.net/upload/201608/04/1470294496_717126.jpg)<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="index.aspx.cs" Inherits="ZGKonMS.index" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>测试数据库用</title> <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script> <script type="text/javascript"> $(function () { $.ajax({ url: 'DurrentData.ashx', type: 'post', dataType: 'json', timeout: 1000, cache: false, beforeSend: LoadFunction, //加载执行方法 error: erryFunction, //错误执行方法 success: succFunction //成功执行方法 }) function LoadFunction() { $("#list").html('加载中...'); } function erryFunction() { alert("error"); } function succFunction(data) { $("#list").html(''); var json = eval(data); //数组 $.each(data, function (index, item) { //循环获取数据 var propname = data[index].propname; var curvalue = data[index].curvalue; var unit = data[index].unit; $("#list").html($("#list").html() + "<br>" + propname + " - " + curvalue + " " + unit + "<br/>"); }); } }); </script> </head> <body> <form id="form1" runat="server"> <div> <p>为什么呢</p> </div> <br /> <ul id="list"> </ul> </form> </body> </html> ![图片说明](https://img-ask.csdn.net/upload/201608/04/1470291558_693247.jpg) 账户没有金币,望大家不吝赐教

webdriver如何获取ajax加载出来的数据?

使用chrome webdriver 访问网页后,ajax能自动访问到数据,但是页面只会显示其中一部分,我想获取ajax返回的全部内容? 请问哪位大大能帮忙解决下???? Thanks♪(・ω・)ノ

如何不通过<form>方式提交数据,同时又刷新整个页面

``` <form method="post" action="test.php"> ... <input type="submit" /> </form> ``` 通过表单<form>方式提交表单数据后,整个页面刷新,URL变成test.php。 var xhr = new XMLHttpRequest(); xhr.open("post", "test.php", true); xht.setRequestHeader("Content-type","application/x-www-form-urlencoded"); xhr.send(...); 通过AJAX方式提交表单数据,只得到了test.php返回的数据,不会刷新整个页面,浏览器地址栏中URL不变。 那么,如果我的页面中没有表单<form>,但要向服务器test.php页面提交数据,并刷新整个页面,浏览器地址栏中URL变成test.php,新页面中有根据提交的数据生成的数据,该怎么做呢?

如何实现动态表格在页面刷新后保持之前的数据 ?

问题描述: _最近做了个实时监控的图表。使用HightChart实现,数据是异步请求获得,每隔30秒请求一次。现在想开始任务后,数据不断更新,但是刷新页面或者跳转到其他页面然后再次切回来时,数据还是跳虫整张表的,即,不是从当前时间点从新一个个点添加的。_ **** 各位大神,请指导,谢谢。

无刷新页面自动得到数据库数据的变化

如果说在一个系统中有一个消息传递功能,在页面上我没有进行任何操作,但是如果有人给我发信息来了,该怎样自动显示收件箱多了一条消息呢,注意是我没有刷新页面,有人知道吗?

关于layer弹出层内容 显示ajax取得的数据

代码 ``` $.ajax({ type:'POST', url: 'hhWebsiteInfoController.do?website-getDt', dataType:'json', data:'', success:function(json){ alert(1); var dts = json.attributes.dts; $("#news").empty(); var quanju = dts; if(typeof(dts)!=undefined){ for(var i=0;i<dts.length;i++){ var a = "<div class='col-md-3 col-sm-3 wow fadeIn' data-wow-delay='0.6s' ><a>"+dts[i].title+"</a></div>"; var b = "<div class='test2' dataIndex="+i+"><img class='test2' src='"+dts[i].pic1+"'></div>"; var d = "<div class='col-md-3 col-sm-3 wow fadeIn' data-wow-delay='0.6s' ><a>"+dts[i].summary+"</a></div>"; var c = a+b; $("#news").append(c); } }} }); $(document).on('click',".test2",function() { layer.open({ type: 1, area: ['600px', '360px'], shadeClose: true, //点击遮罩关闭 content: 'quanju[dataIndex].summary' // '<div style="padding:20px;" class="test3">ADSFA</div>' }); }); 弹出层的content 显示summary属性quanju[dataIndex].summary'不好使<div class='col-md-3 col-sm-3 wow fadeIn' data-wow-delay='0.6s' ><a>"+quanju[dataIndex.summary+"</a></div>也不好使 ```

web前端动态图表无法刷新数据,请教问题在哪?

# Apexcharts.js中的brush类型图表无法刷新数据 求教各路大神,本人最近在做一个前端开发项目,需要用一张图来展现100个数据,这100个数据是从通过ajax请求从后端接收的,每10秒轮询一次,更新100个数据。 网上找到了开源库apexcharts.js,瞬间被高大上的brush类型图所吸引,引入到我在开发的程序中(网上demo图如下): ![图片说明](https://img-ask.csdn.net/upload/201907/06/1562392234_131426.jpg) 但是出现了下面柱状图数据刷新正常,而上面折线图无法刷新的问题,如下图所示,详细问题描述和代码也在下方,谢谢各位。 ![图片说明](https://img-ask.csdn.net/upload/201907/06/1562393740_668680.png) 我根据示例代码和官方网站上的doc进行了修改,并移植到开发的程序中。大致原理是:打开网页——前端按10秒钟轮询方式通过ajax发送请求到后端——后端python程序生成100个数据,通过json格式返回前端——前端更新数据并刷新图表 前端跟后端交互的代码如下 ``` var storm_data_s6a = ""; var strom_time_s6a = ""; $(document).ready(function(){ setInterval(function(){$.ajax({ type:"POST", url:"/sigStorm/", dataType:"json", contentType:"application/json", data:JSON.stringify({"S6a_storm":true,"Cx_storm":true,"Rejcall":true}), success:function(res){ storm_data_s6a = res.S6a_storm; storm_time_s6a = res.storm_time; //alert(storm_data_s6a[15]); stormFigure() } }) },100000); }); ``` 为了实现图表实时刷新的目的,防止重复新建插入图表,我在处理图表呈现时采用了“清空元素内容”,再“重新创建图表”的办法,代码如下: ``` function stormFigure() { var time1 = new Date(storm_time_s6a).getTime() var time2 = time1 - 1200000 var time3 = time1 - 5940000 var data1 = generateDayWiseTimeSeries(new Date(time3).getTime(), 100, { min: 30, max: 90 }); var options1 = { chart: { id: "chart2", type: "area", height: 230, foreColor: "#ccc", toolbar: { autoSelected: "pan", show: false } }, colors: ["#00BAEC"], stroke: { width: 3 }, grid: { borderColor: "#555", yaxis: { lines: { show: false } } }, dataLabels: { enabled: true }, fill: { gradient: { enabled: true, opacityFrom: 0.55, opacityTo: 0 } }, markers: { size: 5, colors: ["#000524"], strokeColor: "#00BAEC", strokeWidth: 3 }, series: [ { name: "S6a_flow", data: data1 } ], tooltip: { x:{ show: true, format: 'HH:mm' }, theme: "dark" }, xaxis: { type: "datetime", }, yaxis: { tickAmount: 10, min: 0, max: 250, } }; $("#chart-area").empty(); var chart1 = new ApexCharts(document.querySelector("#chart-area"), options1); chart1.render(); //chart1.updateSeries([{ data: data1 }]); //chart1.updateOptions(null,false,false,false); var options2 = { chart: { id: "chart1", height: 130, type: "bar", foreColor: "#ccc", brush: { target: "chart2", enabled: true }, selection: { fill: { color: "#fff", opacity: 0.4 }, xaxis: { min: time2, max: time1 } } }, colors: ["#FF0080"], series: [ { name: "S6a_flow", data: data1 } ], stroke: { width: 2 }, grid: { borderColor: "#444" }, markers: { size: 0 }, xaxis: { type: "datetime", tooltip: { enabled: false } }, yaxis: { tickAmount: 2, min: 0, max: 200 } }; $("#chart-bar").empty(); var chart2 = new ApexCharts(document.querySelector("#chart-bar"), options2); chart2.render(); } ``` 但是在程序运行后,就出现了上面的折线图不能刷新的情况(重新打开网页可以)。下面的柱状图刷新没有问题。 可以确认的是,数据是没有问题的,我把chart2 options2中的brush.enable置为false后,折线图也可以实时刷新。但是我翻遍了官网,也未能得到brush设置的有效指导。 此问题已困扰我几天,求教各位大神和曾经使用过ApexCharts工具的大神给予指导,不胜感激~

网站评论功能局部刷新

页面第一次加载时是通过什么展示评论的? 迭代吗?还是JS遍历? 用户评论之后呢?通过ajax获得了新的用户评论结果集,又是怎么实现数据展示的 就像我们现在这样的回复,Ajax得到的result是怎么样展示出来的? js中的遍历吗?

java问题关于ajax的异步请求前台页面的值传到后台然后再返回到前台

前台页面上有个select框 select框中的值是从后台获取的 然后任意选中select框下面的值,让这个值传到后台作为参数 String sql="select phone deviceinfo where vehiclenumber='+select选中的值+'" 然后把查询到的phone在传到另外一个sql=select top 1 data from phone(作为表明) 关键是那个select选中的怎么用ajax传到后台 再返回前台?

Jquery Ajax 提交表单 JSP页面局部刷新 javascript 中写的code不执行

下面是我碰到的具体问题,一直很是郁闷!我贴下我的代码,如果解决了,小弟不甚感激。。。 js 代码: [code="js"] //ajax 执行成功的回调函数 function showSuccess(data){ alert('执行成功!!!'); } function showError(){ alert('出错啦!!!'); } //ajax提交采购或者销售项 function addGoodsItems(){ if($("#goodsName").val() == ""){ alert('货品不能为空!'); }else if($("#amount").val() == 0){ alert('数量需多余0'); }else if($("#price").val() == ""){ alert('单价不能为空'); }else{ $(document).ready(function(){ alert('这个方法始终就是没有起作用?????????'); $("#itemsForm").submit(function(){ //ajax 提交参数 var options = { dataType:'json', resetForm:false, success:showSuccess, error:showError, timeout:10000 } //提交表单 $(this).ajaxSubmit(options); // 为了防止普通浏览器进行表单提交和产生页面导航(防止页面刷新?)返回false return false; }); }); alert('方法执行到这儿了!!'); } } [/code] 涉及的页面: [code="html"] <form id="itemsForm" action="addGoodsItems.action" method="post"> <table> <tr> <td> 存货名称: </td> <td> <input type="text" name="goodsItems.goodsName" id="goodsName" class="baseline" value="${pcb.goodsItems.goodsName}" style="width: 150px;" /> <input type="button" value="选择存货" onclick="selectGoods()" /> </td> <td width="40px;"></td> <td> 存货地点: </td> <td> <input type="text" name="goodsItems.stockPlace" id="storage" class="baseline" value="${pcb.goodsItems.stockPlace}" style="width: 150px;" /> <input type="button" value="存货地点" onclick="selectPlace()" /> </td> </tr> <tr> <td> 物品数量: </td> <td> <c:choose> <c:when test="${goodsItems.amount == null}"> <input type="text" name="goodsItems.amount" id="amount" onfocus="onfocusSelect(this)" onblur="jsje()" style="text-align: right;" value="0" /> </c:when> <c:otherwise> <input type="text" name="goodsItems.amount" id="amount" onfocus="onfocusSelect(this)" onblur="jsje()" class="baseline" style="width: 50px; text-align: right;" value="${goodsItems.amount}" /> </c:otherwise> </c:choose> </td> <td></td> <td> 单价: </td> <td> <select id="priceType" name="goodsItems.priceType" onchange="selectPrice(this)" style="width: 100px;"> <c:choose> <c:when test="${pcbtype == 0 || pcbtype == 1}"> <option value="0"> 采购标准价 </option> <option value="1"> 采购最高价 </option> </c:when> <c:when test="${pcbtype == 2 || pcbtype == 3}"> <option value="2"> 销售标准价 </option> <option value="3"> 最低销售价 </option> </c:when> </c:choose> </select> <input type="text" id="price" name="goodsItems.price" onblur="jsje()" /> </td> <td width="10"></td> <td> 折扣率: </td> <td> <input type="text" id="discountRate" name="goodsItems.discountRate" style="text-align: right" onblur="jsje()" value="${pcb.goodsItems.discountRate}" /> </td> </tr> <tr> <td> 折扣额: </td> <td> <input type="text" id="zke" value="0.00" disabled="disabled" style="text-align: right" /> <input type="hidden" id="discount" name="goodsItems.discount" value="${goodsItems.discount}" /> </td> <td width="20"></td> <td> <c:choose> <c:when test="${pcbtype == 0 || pcbtype == 1}"> 采购额: </c:when> <c:when test="${pcbtype == 2 || pcbtype == 3}"> 销售额: </c:when> </c:choose> </td> <td> <input type="text" id="je" value="0.00" disabled="disabled" style="text-align: right" /> <input type="hidden" id="procureCellMoney" name="goodsItems.procureCellMoney" value="${goodsItems.procureCellMoney}" /> </td> <td colspan="4"></td> </tr> <tr> <td> 说明: </td> <td colspan="8"> <input type="text" id="notes" name="goodsItems.notes" style="width: 500px;" /> </td> </tr> <tr> <td colspan="9" align="right"> <input type="button" value="保存分录" onclick="addGoodsItems()" /> <input type="reset" value="重置" /> </td> </tr> </table> </from> [/code] action 代码: [code="java"] public String addGoodsItems(){ log.info("获得的存货名称是:"+goodsItems.getGoodsName()); log.info('这里面我准备将form表单中提交过来的数据存到session中去,如果,我提交采购单的话,才将session中的值取出来存到数据库中,session中我想的是存放一个goodsMap'); return "addItems"; } [/code] struts.xml 代码: [code="xml"] <package name="goodsItems" extends="json-default"> <action name="addGoodsItems" class="xxpcb" method="addGoodsItems"> <result name="addItems"> <!--<param name="includeProperties">goodsItemsMap.*</param>--> </result> </action> </package> [/code]

AJAX获取SQL数据库,并成功的在页面显示

如何使用AJAX获取sql数据库里面产品表的相关内容!![图片说明](http://forum.csdn.net/PointForum/ui/scripts/csdn/Plugin/001/face/9.gif)![图片说明](http://forum.csdn.net/PointForum/ui/scripts/csdn/Plugin/001/face/9.gif)![图片说明](http://forum.csdn.net/PointForum/ui/scripts/csdn/Plugin/001/face/9.gif)

ajax中success函数不执行的问题

$(document).ready(function(){ //注册 $("#signup").click(function(){ var User = $("#User").val(); var psw = $("#password").val(); if( User =='' || psw ==''){ alert("用户名及密码不能为空"); return false; }else{ $.ajax({ url: '../PHP/signup.php', type: 'post', dataType: 'json', data: { User:User, password:psw, }, success: function(){ }, }) }; }) }); 其他都没有问题,数据都写入了数据库,就是success函数不会执行,求教

(Laravel)如何使用AJAX将变量返回到.blade.php视图?

<div class="post-text" itemprop="text"> <p>When the user changes the category with the select field, I want to only show the requests with that category on the view--and to do this using an AJAX request. I want to pass the object that is being returned from the Controller to AJAX's success handler into the view (the $requests variable as seen in the code below), and for the view to update the requests shown.</p> <p>The data is being returned to AJAX's success handler correctly as I can console.log the object, but it doesn't update the $requests variable.</p> <p><em>How do I achieve this, and what am I missing here?</em></p> <p><strong>The view that shows the requests from the DB</strong></p> <pre><code>@extends('layouts.app') @section('content') {{-- Requests --}} &lt;div class="container"&gt; &lt;div class="row requests-row"&gt; &lt;div class="col-md-12"&gt; &lt;h2&gt;New requests&lt;/h2&gt; &lt;select name="category" class="form-control category"&gt; &lt;option value="" disabled selected&gt;Choose a category...&lt;/option&gt; &lt;option value="Electronics and Computers"&gt;Electronics and Computers&lt;/option&gt; &lt;option value="Hardware"&gt;Hardware&lt;/option&gt; &lt;/select&gt; &lt;hr&gt; &lt;p class="block"&gt;&lt;/p&gt; @foreach ($requests as $request) @include('components.requests') @endforeach &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; @endsection </code></pre> <p><strong>The AJAX Request</strong></p> <pre><code>$('.category').change(function() { $.ajax({ method: "GET", url: "/category", data: $(this).serialize(), success: function(data) { console.log(data); return data; }, error: function(data){ console.log("Error: " + data); }, }); }); </code></pre> <p><strong>The controller on the backend that handles the AJAX request</strong></p> <pre><code>public function changeCategory(Request $request) { $posts = Post::where('category', $request-&gt;category)-&gt;get(); return $posts; } </code></pre> </div>

Django 从前端页面调用用ajax POST无法跳转

## 从前端页面调用ajax POST指向Django后端 view中POST功能无法return任何信息. 前端: ``` var token = $('input[name=csrfmiddlewaretoken]').val(); function getSceneId() { $.ajax({ headers: {'X-CSRFToken': token}, url: './newpost/', type: 'POST', data: JSON.stringify(data), dataType: 'json', success: function(){ console.log("后台返回数据") }, }); } ``` View.py ``` def record_add(request): if request == 'POST': return render(request, "index.html", ) else: return HttpResponse('??? where is post?.') ``` 功能中的urls.py ``` urlpatterns = [ path('', views.make), path('newpost/', views.record_add), ] ``` 点击后返回的也是200, url也是指向view中功能的, 但是就是跳转不过去. 也就是数据传不到后台. 求助求助! 谢谢 ![图片说明](https://img-ask.csdn.net/upload/202005/20/1589945251_856823.png)

2019 Python开发者日-培训

2019 Python开发者日-培训

150讲轻松搞定Python网络爬虫

150讲轻松搞定Python网络爬虫

设计模式(JAVA语言实现)--20种设计模式附带源码

设计模式(JAVA语言实现)--20种设计模式附带源码

YOLOv3目标检测实战:训练自己的数据集

YOLOv3目标检测实战:训练自己的数据集

java后台+微信小程序 实现完整的点餐系统

java后台+微信小程序 实现完整的点餐系统

三个项目玩转深度学习(附1G源码)

三个项目玩转深度学习(附1G源码)

初级玩转Linux+Ubuntu(嵌入式开发基础课程)

初级玩转Linux+Ubuntu(嵌入式开发基础课程)

2019 AI开发者大会

2019 AI开发者大会

玩转Linux:常用命令实例指南

玩转Linux:常用命令实例指南

一学即懂的计算机视觉(第一季)

一学即懂的计算机视觉(第一季)

4小时玩转微信小程序——基础入门与微信支付实战

4小时玩转微信小程序——基础入门与微信支付实战

Git 实用技巧

Git 实用技巧

Python数据清洗实战入门

Python数据清洗实战入门

使用TensorFlow+keras快速构建图像分类模型

使用TensorFlow+keras快速构建图像分类模型

实用主义学Python(小白也容易上手的Python实用案例)

实用主义学Python(小白也容易上手的Python实用案例)

程序员的算法通关课:知己知彼(第一季)

程序员的算法通关课:知己知彼(第一季)

MySQL数据库从入门到实战应用

MySQL数据库从入门到实战应用

机器学习初学者必会的案例精讲

机器学习初学者必会的案例精讲

手把手实现Java图书管理系统(附源码)

手把手实现Java图书管理系统(附源码)

极简JAVA学习营第四期(报名以后加助教微信:eduxy-1)

极简JAVA学习营第四期(报名以后加助教微信:eduxy-1)

.net core快速开发框架

.net core快速开发框架

玩转Python-Python3基础入门

玩转Python-Python3基础入门

Python数据挖掘简易入门

Python数据挖掘简易入门

微信公众平台开发入门

微信公众平台开发入门

程序员的兼职技能课

程序员的兼职技能课

Windows版YOLOv4目标检测实战:训练自己的数据集

Windows版YOLOv4目标检测实战:训练自己的数据集

HoloLens2开发入门教程

HoloLens2开发入门教程

微信小程序开发实战

微信小程序开发实战

Java8零基础入门视频教程

Java8零基础入门视频教程

相关热词 c# 按行txt c#怎么扫条形码 c#打包html c# 实现刷新数据 c# 两个自定义控件重叠 c#浮点类型计算 c#.net 中文乱码 c# 时间排序 c# 必备书籍 c#异步网络通信
立即提问