您现在的位置是：网站首页> 编程资料编程资料
ajax动态为a标签href赋值不执行跳转的原因分析及解决_AJAX相关_
2023-05-25
479人已围观
简介 ajax动态为a标签href赋值不执行跳转的原因分析及解决_AJAX相关_
由于一中考评系统要加入一个新的功能“调查问卷”，我想沿用别人做好的调查问卷，用别人的有一个好处就是：人家做的专业，界面美化等非常人性化，但是它需要你每次设置完调查问卷后发布一下网址，客户端访问的每次都是变动的地址。
客户端每次点击“调查问卷”，就会跳转到相应页面：
点击“调查问卷”即进入调查问卷页面：
我使用a 标签，每次访问管理员提交的“调查问卷”
点击“调查问卷”，调用meizz函数，该函数通过ajax调用返回要访问的“调查问卷”网址：
现象是 e.href如果放在函数的$.ajax之上可以运行，但是放到ajax里面绑定动态返回的地址，就不能运行了。经过了郁闷，最终找到了答案：因为ajax默认调用是异步的，所以不等ajax调用处理回调函数为href赋值，就直接发起了href,在这里这时候href是空值。
解决方法：将ajax调用方法改为同步，声明ajax调用方式为同步：
$.ajax({
async:false, //设置ajax的同步
}
这样href的执行就必须等待function中ajax调用完成后才会触发，就得到了想要的结果。
客户端每次点击“调查问卷”，就会跳转到相应页面：
点击“调查问卷”即进入调查问卷页面：
我使用a 标签，每次访问管理员提交的“调查问卷”
复制代码 代码如下:
点击“调查问卷”，调用meizz函数，该函数通过ajax调用返回要访问的“调查问卷”网址：
复制代码 代码如下:
现象是 e.href如果放在函数的$.ajax之上可以运行，但是放到ajax里面绑定动态返回的地址，就不能运行了。经过了郁闷，最终找到了答案：因为ajax默认调用是异步的，所以不等ajax调用处理回调函数为href赋值，就直接发起了href,在这里这时候href是空值。
解决方法：将ajax调用方法改为同步，声明ajax调用方式为同步：
复制代码 代码如下:
$.ajax({
async:false, //设置ajax的同步
}
这样href的执行就必须等待function中ajax调用完成后才会触发，就得到了想要的结果。
相关内容
- ajax实现session不过期(避免页面过期的现象)_AJAX相关_
- Ajax传Jsond Mvc后台接收实例_AJAX相关_
- Ajax中浏览器的缓存问题解决方法_AJAX相关_
- AJAX和WebService实现省市县三级联动具体代码_AJAX相关_
- ajax传递一个参数具体实现_AJAX相关_
- ajax传递多个参数具体实现_AJAX相关_
- AJAX获取服务器当前时间及时间格式输出处理_AJAX相关_
- 使用AJAX返回WebService里的集合具体实现_AJAX相关_
- AJAX和三层架构实现分页功能具体思路及代码_AJAX相关_
- AJAX和WebService实现邮箱验证(无刷新验证邮件地址是否合法)_AJAX相关_
