ajax异步获取html 包含js 方法无效的解决

2024-09-01

ajax 动态载入html后不能执行其中的js解决方法

事件背景有一个公用页面需要在多个页面调用,其中涉及到部分js已经写在了公用页面中,通过ajax加载该页面后无法执行其中的js. 解决思路 1. 采用附加一个iframe的方法去执行js,为我等代码洁癖者所不齿. 2. 使用document.write输出代码,我等简洁主义者所不愿. 3. 最简单的方法是把js放到需要调用的父页面,那想这样的公用页面,每个地方调用都要写入一次,代码冗余. 4. eval是个解决方法,虽然低效. 5. 复杂的解决方法:正则匹配出加载页面中的所有js,为这些js创建

Ajax异步获取html数据中包含js方法无效的解决方法

页面上使用js写了一个获取后台数据的方法 function data() { var tab = $("#dic") $.ajax({ url: '../demo.ashx?method=GetList', data: {}, dataType: 'json', type: 'post', async: true, success: function (data) { //console.log(data); var parentStr = ''; $.each(data, funct

ajax异步获取数据后动态向表格中添加数据(行)

因为某些原因,项目中突然需要做自己做个ajax异步获取数据后动态向表格中添加数据的页面,网上找了半天都没有看到现成的,决定自己写个例子 1.HTML页面 <!doctype html> <html> <head> <meta charset="utf-8"> <title>xx信息查询</title> <script type="text/javascript" src="/j

dedecms Ajax异步获取文章列表

dedecms如何通过ajax(异步)动态获取文章列表数据. 第一步添加:服务端(PHP)代码打开plus目录下面的list.php文件,在12行代码下面添加以下代码: if(isset($_GET['ajax'])){ //传递过来的分类ID $typeid = isset($_GET['typeid']) ? intval($_GET['typeid']): 0; //页码 $page = isset($_GET['page']) ? intval($_GET['page']): 0; /

.NET获取不到js写的cookie解决方法

今晚使用javascript设置一个来路的cookie,之后使用ASP.NET获取这个cookie值,发现ASP.NET获取不到JS设置的cookie值,真郁闷中,以下是JS写Cookie的代码: Code //写cookies functionsetCookie(name,value) { document.cookie=name"="escape(value)";";//设置的cookie关闭浏览即失效 } //JS设置来路写入到cookie setCookie

jquery的异步获取返回值为中文时乱码解决方法

用jqgrid异步获取列表值,遇到个问题,服务器端从数据库取到的数据没有出现中文乱码问题(日志打出来是没有乱码的),但是异步传到客户的时候却出现了乱码. 服务器端已经编码过了(UTF-8编码).开始一直怀疑是客户端的问题,比如客户端和服务器端编码不一致啊,也怀疑是不是jqGrid工具函数中少配了 contentType: "application/x-www-form-urlencoded; charset=utf-8", 等等问题. 结果都不是,纠结了几个小时,后来经过大牛的提醒

ajax异步提交的两种方法

第一种是原始的ajax,第二种是在jQuery中使用ajax.这是我为测试两种提交方法而写的一段代码. 1.struts.xml <package name="json" extends="json-default"> <action name="books" class="com.huawei.struts.BooksAction"> <result type="json"&

rails应用ajax之一：使用纯js方法

考虑如下需求: 1. 用户输入一个用户名,当焦点跳出文本框时,检查该用户名是否有效 2. 动态更新检查的结果我们使用ajax的方式来实现这个简单的功能,首先建立view:check.html.erb: <%= javascript_include_tag "jquery" %> <%= javascript_include_tag "rails" %> <%= stylesheet_link_tag 'user' %> <

treeTable的使用（ajax异步获取数据，动态渲染treeTable）

一.展示效果(treetable基本样式https://www.cnblogs.com/shuihanxiao/p/10413454.html) 二.html文件(若一个页面又多个treetable,必须把所有table的html拼接好后,再调用treetable,treetable的js只初始化一次) <!DOCTYPE html><html lang="en" style="height: 100%;"><head> <

Webview获取H5页面js方法参数

#import<JavaScriptCore/JavaScriptCore.h> #pragma mark UIWebViewDelegate - (void)webViewDidFinishLoad:(UIWebView *)webView { [SVProgressHUD dismissWithDelay:0.1]; JSContext *jsContext = [webView valueForKeyPath:@"documentView.webView.mainFrame.j

ajax异步获取请求，获得json数组后对数组的遍历

如果响应数据是以html的形式发出来的,即 response.setContentType("text/html;charset=utf-8"); 那么一般用下面这种方式,但是要注意用eval()函数将responseText转换成一个json表达式,如下标红代码 //创建回调函数,根据相应状态动态更新页面 var xhr = getXMLHttpRequest(); //创建XMLHttpRequest对象 //通过实践调用回调函数处理相应结果 xhr.onreadystatecha

通过Ajax——异步获取相关问题解答

问题呈现: 解决方案: dataType定义的是接收的值的类型,及controller控制器返回什么类型的值,这就写成什么类型, 我写的是return content("...")返回的是字符串类型所以这定义为text 如果写的是return json("...")那么这就定义为json 如果什么也不定义的话,那么会自动判断返回值类型

jquery ajax异步加载table的方法

//显示详细信息 function showInfo(actionId, type) { $.post("Sys_Ajax/Sys_EmployInfo.ashx", { "type": "select", "actionId": actionId, "type2": type }, function (data, status) { if (status == "success") {

微信返回上一页，页面中的AJAX的请求，对Get请求无效的解决办法

问题产生原因最近在做一个微信的项目时,遇到一种很常见的情况,需求是这样的,当用户进入到"我的个人中心"的时候,会有一个点击跳转填写认证资料的按钮,点击此按钮后,会跳转到认证资料填写页面,填写资料,提交成功后.当用户直接返回到上一页的时候.需要修改认证状态为"认证中".此时需要使用一个AJAX方法去查询认证状态,并修改页面的状态显示. 当时没有按照标准的方法写ajax方法,默认使用的方法是Get请求,前台JS代码如下: window.onload = f

玩转web之ajax(一)---使用表单的serialize()方法中文乱码解决

有时候我们需要使用ajax提交去提交form的值,这样就需要使用serialize()去获取form的值,但这样获取的值如果有中文,会乱码,原因和解决方法如下: 原因:.serialize()自动调用了encodeURIComponent方法将数据编码了解决方法:调用decodeURIComponent(XXX,true);将数据解码如: var data=$('#addf').serialize(); data= decodeURIComponent(data,true);

rails中validates_confirmation_of验证方法无效的解决办法

rails的model中提供了很多种自带的验证方法,validates_confirmation_of可以验证变量xxx和xxx_confirmation是否相等:这可以用于验证2遍输入的密码是否一致的情况.但是实际使用中发现上述验证方法貌似没有进行验证:在确认了变量:password和:password_confirmation名称确实没错的情况下,研究了半天,发现还要做一步操作,就是要在controller的user_params的许可中加入:password_confirmation才可以

ember.js路由无效的解决思路

进入今天的问题,就是route ember中就一个html,单页面程序(spa),所以页面的跳转,也可以叫做页面的路由,其实就是在这一个html中,不断的进行html的插入和删除了(个人理解) ember程序启动后,会自动的渲染 application.hbs模板,如果你自己创建了这个文件,比如写上一些html代码,然后想路由到其他模板内容, 你发现没有成功,因为在你的application.hbs模板中没有加入{{outlet}},其实加入它就好了如果你没有手动创建这个文件,那么上愿意怎么r

淘宝购物车页面智能搜索框Ajax异步加载数据

如果有朋友对本篇文章的一些知识点不了解的话,可以先阅读此篇文章.在这篇文章中,我大概介绍了一下构建淘宝购物车页面需要的基础知识. 这篇文章主要探讨的是智能搜索框Ajax异步加载数据.jQuery的社区非常的活跃,许多朋友都在不同地方分享了很多优秀的插件.我在相关的网站上找过想实现类似功能的插件,但是没有找到.于是乎,自己动手丰衣足食.自己来搭建智能搜索框下拉列表.当然,如果有类似功能并且常维护Bug的插件,望留言交流. 源码地址:Github 淘宝购物车页面--PC端和移动端项目实战首先需要先

AJAX异步实现简单的瀑布流

传统瀑布流布局ul-li,需要先设定显示几列,每列是一个li,需要左浮动并指定宽度,li里面的布局也要先布局好,主要是要定宽,高度自动:然后通过ajax异步,从数据库中得到数据,遍历后将数据插入最矮的li中 HTML中的代码: <script type="text/javascript">var ajaxHandle='<{:U("Index/Typeshow/ajax","",&q

datatables异步获取数据、简单实用

IKC项目总结一.认证难题管理模块 1. 如何使用datatables进行获取数据内容 datatables简介:Datatables是一款jquery表格插件.它是一个高度灵活的工具,可以将任何HTML表格添加高级的交互功能. 分页,即时搜索和排序几乎支持任何数据源:DOM, javascript, Ajax 和服务器处理支持不同主题 DataTables, jQuery UI, Bootstrap, Foundation 各式各样的扩展: Editor, TableTools, Fi

jquery中ajax使用error调试错误的方法

JQuery使我们在开发Ajax应用程序的时候提高了效率,减少了许多兼容性问题,我们在Ajax项目中,遇到ajax异步获取数据出错怎么办,我们可以通过捕捉error事件来获取出错的信息. jquery中ajax的常用用法类似于: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 $(document).ready(function() { jQuery("#clearCac").click(function() { j

ajax异步获取html 包含js 方法无效的解决

热门专题