js对js加载拼接的html代码中元素添加ajax方法请求后台数据
来源:互联网 发布:db2数据库回滚原因 编辑:程序博客网 时间:2024/05/20 13:18
$.ajax({ url:'/findUrlById/', type:'POST', dataType:"json", data:Ddata, success:function(result){ var url_list = result; if(url_list.length>0){ var wtboy = ""; var btboy = ""; var w = 0; var b = 0; for(var i = 0;i<url_list.length;i++){ if (url_list[i].utype ==1){ wtboy += "<tr>" +"<td>" +"<input type= 'hidden' id='locale_id' value='"+locale_id+"'/>" +(w+1) +"</td>" +"<td class='col-sm-5'>" +url_list[i].url +"</td>" +"<td>" +url_list[i].title +"</td>" +"<td>" +"<button class='btn btn-xs btn-danger' id='url_delete' onclick='delUrl("+url_list[i].id+")'>" +"<i class='fa fa-times fa-lg'></i>删除</button>" +"</td>" +"</tr>" w++; }else{...}第一个ajax请求
function delUrl(url_id){ var r = confirm('确定要删除此URL地址?'); if(r) { var udata = {"url_id": url_id}; $.ajax({ url: '/delURL/', type: 'POST', async: false, data:udata, success: function (result) { if (result == 'ok') { layer.alert('删除成功!'); } else { layer.alert('删除失败,请重试!'); } } }) } }第二个ajax请求
今天对JS拼接的代码中需要做一个onclick事件方法,用ajax提交到后台,目的就是在弹出框中拼接展示的列表进行删除操作,本来是很简单,就一股脑吧代码敲上去,但是测试的时候发现执行不了URL的方法,检查了一下后台方法和ajax方法,没有错误,但是仔细分析思路,发现ajax是默认异步提交数据,前面有一个ajax1去请求弹出框的表格数据,后面的ajax2去取ajax1请求到的数据的元素再进行提交,异步的情况下ajax1执行,但是服务器还未返回数据的时候,js会继续执行ajax2,但是ajax1还未返回数据,所以ajax2取不到数据,这样就导致我的ajax2取不到数据,执行错误,我试着把ajax2改为异步请求,问题解决,我猜想把ajax1改为同步请求也是可以的
阅读全文
0 0
- js对js加载拼接的html代码中元素添加ajax方法请求后台数据
- js方法内Ajax请求数据判断,验证无效(OnClientClick="return Method();"),还是直接执行后台代码
- ajax请求数据,后台提供数据返回json, 前台js拼html,回填
- 利用js将ajax获取到的后台数据动态加载至网页中
- html中添加js的方法
- js解决字符串拼接html的方法
- js中对html中select元素的取值
- js中html字符串拼接
- js中字符串拼接html
- 使用js的ajax方法读取txt文本里面的JSON数据并追加到Html元素节点上
- 在HTML中通过JS实现对XML的加载
- js里请求后台的方法
- 关于JS脚本中拼接Html代码注意事项
- js对HTML元素的操作
- WebView加载html代码,js脚本中调用android对象的方法...
- MVC4中AJAX Html页面打开调用后台方法实现动态加载数据库中的数据
- JS获取网页中HTML元素的几种方法
- JS获取网页中HTML元素的几种方法
- MySQL学习笔记1
- impala-shell用法
- 09-多线程(创建线程的第二种方式—实现Runnable接口)1 2 10-多线程(第二种方式的细节) 11-多线程(第二种方式的好处)
- 谈话的艺术-基本理念
- Xshell控制台中文乱码
- js对js加载拼接的html代码中元素添加ajax方法请求后台数据
- springmvc中url-url-pattern /和/*的区别
- 针对ie8等低版本浏览器document.getElementsByName方法不生效解决方法
- WEBBUG3.0初探
- openpyxl、pip、python mac安装
- Redis安装到Windows系统
- 细解虚拟手机号短信接码平台使用及原理
- Oracle:行级触发器--对一张表进行操作时,向另一张表进行数据操作
- POJ 2449