分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 网页技术

使用Ajax遇到的问题

发布时间:2023-09-06 02:23责任编辑:苏小强关键词:Ajax

最近在帮同学搭一个简单的个人博客,前端采用bootstrap.layui,.......各种没听过的东西,原谅我太辣鸡,

经过一顿的瞎分析,还是要使用一下ajax来发送请求和展示数据,没想到刚开使就遇到麻烦了

使用ajax发送请求后,动态创建元素并添加数据,这时问题来了,一些点击事件没了,完全失效了,也不报错,

一直以为是自己把这个结构搞烂了,于是就是一顿瞎改

一顿瞎改之后还是选择了放弃,最后在百度上找到了答案,这让我很开心

原理就是

ajax是异步操作。ajax和js的文件是同时加载。ajax还未返回js文件中获取的id或class,js已经加载完毕。导致js失效。

这是个坑啊!!!

$.ajax({
???????type:"get",
???????url:"",

contentType:"application/json; charset=UTF-8",
???????dataType:"json",
???????async:false, ???//异步
???????data:{
???????},
???????success:function(){},
???????error:function(){}
???????})

设置了async:false之后问题虽然解决了,但是还是有一些问题

比如说我有一个添加功能,添加之后我要显示的数据就变多了一条,

但是他并不会立即显示,需要刷新之后才会显示,这让我有点头痛,希望有专业的大神帮我解决难题

使用Ajax遇到的问题

原文地址:https://www.cnblogs.com/a-small-lyf/p/10012875.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved