使用ajax加载页面,新加载的页面如何才能不影响原有页面 5C

A,B两页面
A页面加载B页面

  $("#propertiesframe").load("jsp/paragraph.jsp",{

            }, function (response) {
                $(response).find("[id]").each(function () {
                    // $(this).attr("id",  "properties-" + $(this).attr("id"));
                })
            });

A页面有个Id为paragraph的按钮
B页面有个id为paragraph的div
B页面加载完毕执行js脚本

  $( " #paragraph" ).accordion({
        heightStyle: "content"
    });

,影响到A页面的按钮
图片说明

8个回答

初步觉得A页面应该把

   $( " #paragraph" ).accordion({
        heightStyle: "content"
    });

这里的jquery选择器里,加上个父标签变成

 $( "#propertiesframe  #paragraph" ).accordion({
        heightStyle: "content"
    });

但是怎么替换,B页面的js脚本又不一定写在html页面而是引用别的js,大神有啥看法,谢谢了

qq_41474303
qq_41474303 AJAX 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。
2 年多之前 回复

既然是加载,做个弹层不就好了,load 是重新加载的意思

u010506919
绯月魍魉 不符合UI规范的
2 年多之前 回复

B页面改成这个不就好了
$( " div#paragraph" ).accordion({
heightStyle: "content"
});

u010506919
绯月魍魉 这是个插件平台,别人讲自己写的插件打包括js html java,数据库等打成jar包给平台获取,为了防止插件冲突,我只能在A页面做文章,B页面无能为力(因为不是我写的)
2 年多之前 回复

加个class区分一下不就行 了

u010506919
绯月魍魉 B页面一般不是我写的,原因看3L
2 年多之前 回复

同一个页面的ID别用一样 的命名吧

u010506919
绯月魍魉 不只是ID,class一样也是如此
2 年多之前 回复

建议是用子框架,ifrom之类的,这样你的页面就分区域,每一个区域都互相不影响

在a页面加载b页面之前给$( " #paragraph" )加一个class

u010506919
绯月魍魉 怎么加,js的代码不好控制,有可能写在html里面也有可能引入外部js
2 年多之前 回复

建议用iframe,

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
动态加载页面-使用jquery ajax
后台代码: header("Content-type: text/json; charset=utf-8"); $json['name'] ='功夫熊猫'; $json['content'] ='这是一个好故事'; $json['imageUrl'] = "https://ss2.baidu.com/-vo3dSag_xI4khGko9WTAnF6hhy/super/whfpf%3
ThinkPHP中的异步加载问题
ThinkPHP中的异步加载问题 1.thinkphp通过ajax实现异步加载 操作1 操作2 $(".hrefclass").live("click",function(){ // 下面这行代码就是获得的属性 var id=$(this).attr("id"); var status=$(this).attr("rel"); if(status==0) {
页面无刷新更新数据(ajax异步加载)
早在4年前(2013年,大三),我在学html、css、JavaScript的时候,就感觉那种不刷新页面,就能更新数据的技术好神奇。但是这么多年过去了,一直都没学过,其实感觉也没必要学这个。但它真的就像一个结,魂牵梦萦…… 最近,准备在网页上做点演示的东西,大概是需要不断地更新数据。但真的是没有必要不停地把整个网页都刷了。于是就在网上找了点代码来抄了抄。 还专门打了电话请教了某个计算机
点击显示更多异步加载显示
页面点击显示更多,通过ajax异步请求加载在页面显示。
如何不用iframe和ajax来重复加载页面
前几天,遇到一个问题,查了很久的百度,一点思绪都查不到。我的问题是这样的: 问题概述 我下了一个bootstrap的后台模板。然后准备把它整合到我的java web项目里。结果发现,每个页面的heard和左边的导航菜单都是重新加载的。也就是说,你后台要跳转一个页面,就必须重新加载一个含有左边导航栏的jsp,这就导致很多代码的重复。也增加了后期维护的困难性。 方法一 我使用过一种方法,那就是使
Ajax学习之在一个页面中异步的加载另一个页面内容
Ajax学习之在一个页面中异步的加载另一个页面内容
选项卡,页面使用ajax调用
选项卡的子页面使用ajax来调用加载,也就是说每一个tab页面都是一个单独的html页面
jQuery使用ajax的load()加载页面方法
在jQuery ajax的load()方法能够载入远程 HTML 文件代码并插入至 DOM 中,这个与post,get还是有一点的区别,但可以快速在页面加载时就加载一个页面的html保存到dom中并且可执行哦。 load()方法默认使用 GET 方式, 如果传递了data参数则使用Post方式. - 传递附加参数时自动转换为 POST 方式。jQuery 1.2 中,可以指定选择符,来
页面局部加载,适合Ajax Loading
页面局部加载,适合Ajax Loading
Ajax ——无刷新页面加载页面
Ajax 是一种无需重新加载网页就能更新部分页面数据的技术 Ajax的全称是AsynchronousJavaScript and XML,即异步JavaScript+XML。 Ajax的工作原理相当于在用户和服务器之间加了—个中间层(AJAX引擎),使用户操作与服务器响应异步化。并不是所有的用户请求都提交给服务器,像—些数据验证和数据处理等都交给Ajax引擎自己来做, 只有确定需要从服务器读取
jquery 获取ajax加载的html中部分内容
ajax 获取另外一个html页面并通过获取其中的部分来插入当前html方式有两种 1,通过来包装获取                  $.ajax({ url:url, type:"GET", dataType:"html", success:function(result){ console.log(result); var
加载页面等待提示程序加载页面等待提示程序
加载页面等待提示程序加载页面等待提示程序加载页面等待提示程序
页面一加载就先请求后台数据(ajax)
我可能也没弄清楚,反正有两种方法我用着挺好用的:直接贴代码 (1) $.ajax ({ cache: false, async: false, dataType: 'json', type: 'post', url: "dbdt/getDBDT", data:{year:2017}, success: function (dat...
ajax发送请求,以及动态添加到页面
后台发送接口,在没有接口文档的情况下。可以选择在线json校验格式化工具:http://www.bejson.com/ 查看具体数据。 沟通清楚需要什么请求方式,每个目录代表哪个模块。   例如:后台给接口为: http://123.57.36.72:8094/index.php/Index/Hotel/hall/type/1/sid/25    解析为 {     "status
【Web前端】Jquery中Ajax的简单实例一:加载页面,Load
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>Ajax载入远程页面的练习</title> </head> <script type="text/javascript" s
js移动端滑动一个屏幕再加载新的数据以及ajax同步请求
js移动端滑动一个屏幕再加载新的数据 现在我们有一个美女图片的列表页,在这个列表页中有上千个美女的小图片。如果一次加载全部的图片那么需要一些时间,用户体验不是很好,因此采用边滑动边加载,那么现在的问题是滑动到什么程度再加载图片呢? 第一种方案,滑动到底部再加载新的图片(每次加载18个图片) $(function(){ $(window).scroll(
ajax加载数据导致js失效及解决办法
问题描述: 用ajax从后端返回数据后,该div中的js失效 分析: ajax是异步操作。ajax和js的文件是同时加载。ajax还未返回js文件中获取的id或class,js已经加载完毕。导致js失效。 解决办法: 将异步操作该为同步操作。是页面先加载ajax文件在加载js文件。这样就能获取到元素的id和class值了。 $.ajax({ type:"get", ...
通过Jquery和Ajax初始化加载页面数据
最近前端崩了。。不得不亲自爬过来学习写Jquery了。。。。加载页面时,就通过Ajax发送post请求,并接收返回数据。。。success中进行页面数据的填充返回的json格式为{code: 0,msg: "成功",data:- {name: "jjjj",email: "1342746626@qq.com",password: "7777777",phone: "222333",address:...
ajax 实现页面加载和内容的删除
ajax最大的好处就在于加载和删除的时候不会跳转页面,现在的网页大多都会选择用ajax来写,相比嵌入PHP代码来说减少了代码量,同时加载页面也会比较快,  下面是用ajax以数据库fruit表为例写的加载页面和水果的删除,刚开始用ajax可能写起来还是会比较手生,就当是练习好了 这是fruit表  下面就是首页的代码了,先建一个php文件 main.php 1 body> 2
ajax无刷新加载数据
最近做了一个手机端的需求,里面有一个需要使用到ajax无刷新加载数据这样的功能 老样子先展示所需要实现的功能, 里面的数据是我的测试数据,随意了一点,但是能解决问题就行了,不要在意 正题来了: 首页就是当第一次访问的数据的时候,页面会加载出一部分数据,当你点击查看更多的时候会加载出另外一部分数据 如下图所示: 这时2数据有七条,仔细看一下第一张图的数据只
ajax局部刷新的页面应用不了之前js渲染的样式
ajax作为常用的防止页面整体闪烁的手段在加载完刷新的页面之前js渲染的样式和绑定的时间在新的局部页面中是不生效的在网上查找了一下各种方法,提到最多的就是两种1.将渲染的js放在一个函数里,在加载页面的回调函数里调用它重新加载js从而让新的页面元素也可以应用2.将js的效果写在css中,作为前端小白我选择狗带。。。。。我在.net mvc中将如何使用第一种方法呢,想了想,用一个div包含了渲染样式...
打开页面同时jquery异步加载生成新dom并为dom注册事件
实现功能:页面数据一部分是静态写入的dom节点,一部分是通过ajax读取数据库内容动态加载生成的dom节点,两者都需要添加单击的事件处理。 问题:如果添加单击事件的js代码放在ajax处理代码之下,由于ajax加载是异步的,所以在生成页面的时候,ajax请求会与添加单击事件的js代码同时执行,这样则会出现问题:部分静态的dom节点单击事件正常,但是动态加载添加的部分dom节点没有添加成功。 解决
获取ajax动态加载的页面
最近在因为工作需要,开始学习爬虫,对于静态加载的页面,爬去并不难,但是遇到ajax动态加载的页面,就爬去不到动态加载的信息了! 对于ajax动态加载的数据爬去,一般有两种方式: 1.因为js渲染页面的数据也是从后端拿到,而且基本上都是AJAX获取,所以分析AJAX请求,找到对应数据的 请求,也是比较可行的做法。而且相对于页面样式,这种接口变化可能性更小。缺点就是找到这个请求,并
listview分页加载
listview分页加载。。判断当前页面个数,刷新加载listview分页加载。。判断当前页面个数,刷新加载listview分页加载。。判断当前页面个数,刷新加载
AJAX实现不刷新页面点击按钮在目标位置加载目标内容
AJAX可以实现异步请求数据,即不刷新页面的情况下请求服务器,加载目标内容到页面。 AJAX 不是新的编程语言,而是一种使用现有标准的新方法。 AJAX 是与服务器交换数据并更新部分网页的艺术,在不重新加载整个页面的情况下 AJAX主要使用XMLHttpRequest对象来实现异步地与服务器交换数据,XMLHttpRequest 对象如果要用于 AJAX 的话,其 open() 方法
jquery通过ajax在jsp中局部刷新页面
在jquery中ajax的调用已经非常方便了。也提供了一些新的调用方式。 这里有两个 在jsp中局部刷新页面 的例子。 一种是json返回内容再拼接 html  一种是直接返回 一个jsp 到另一个jsp中 这里的框架用的是springMVC 其它框架 类推 json返回内容再拼接 html  index.jsp页面
ajax在页面加载时就加载
window.onload=function() { $.ajax({  
使用Ajax异步加载元素时用jQuery获取不到元素的解决方法
使用Ajax异步加载元素时用jQuery获取不到元素的解决方法 delegate() 方法为指定的元素(属于被选元素的子元素)添加一个或多个事件处理程序,并规定当这些事件发生时运行的函数。使用 delegate() 方法的事件处理程序适用于当前或未来的元素(比如由脚本创建的新元素)。 ...
Wpf 动画加载页面
wpf 简单的实现页面动画加载效果 wpf 简单的实现页面动画加载效果 wpf 简单的实现页面动画加载效果 wpf 简单的实现页面动画加载效果 wpf 简单的实现页面动画加载效果
ajax预加载显示页面
一下内容以freemark为模版,同时在需要该功能的同时,正常访问的url需要当参数传入, http://localhost:89/chysoft/extAjax/ajax_loadPage.xhtml?url=需要访问的url包含.do、.action、.xhtml 例如: http://localhost:89/chysoft/extAjax/ajax_loadPage.xhtml?ur
PHP + JavaScript + Ajax 实现无刷新页面加载效果
数据源工厂 Json生成方式1 Json生成方式2 数据搬运工 数据加工师 转换类型 加工展示 结果展示 点击按钮之后 总结今天这个实验的思路就是实现一个无刷新的页面加载效果。具体的思路是使用PHP开发后台,为前台准备数据,然后使用Ajax技术作为数据的搬运工,将数据从服务器端拉取到前端,最后使用JavaScript技术将获取到的数据加工,并显示在页面上。数据源工厂本次实验数据以Json的格式传输和
ajax异步加载html片段
案例:在一个导航栏中,实现点击导航出现不同的选择区域,如图:         比较容易想到的是将右边的内容放在一个div里面,然后左边的每个li点击的时候,右边相应的div显示出来,而其他的div隐藏,这样就要在一个页面里面设置多个div,然后控制div的显示和隐藏。 这里我觉得用ajax异步加载html片段也是一个可行的方法,把右边的div提取出来写成页面片段,然后用ajax异步去获取相应
ajax返回的html无法调用原有页面中的js问题
直接说问题吧 我今天在调试一个bug的时候 (A:主页面;B:新页面 )    这是A页面  发现这个js名是灰色的说明在这个页面里并未调用,而是在ajax引入的页面中使用的 。 可以看到ajax到了那个url,A页面的那个js方法是给B页面用的,现在进入到了B页面 。 也看到B页面确实有这个js触发事件。可是在实际效果中是不可以调用到A页面的JS ,就直接说我是怎么解决的吧。 ...
jQuery实现的加载页面过渡效果
示例1:DIV加载图片 $(function(){ $('#img').oLoader({ waitLoad: true, fadeLevel: 0.9, backgroundColor: '#fff', style:0, image: 'loader.gif' }); }); 示例2:Ajax加载页面 这是一个测试页面!
selenium爬取Ajax加载的网页(以微博为例)
我们在浏览一些网页的时候,鼠标滚到底,就又会加载出一些新的内容,但是请求的网址是没有变的,这就是Ajax加载的效果。一般去爬取这种网站的时候,往往只能得到一开始加载出来的那些内容,而要利用鼠标滚到底才能继续加载出来的内容是得不到的,所以今天利用selenium来模拟用户登录微博,并模拟鼠标下拉抓取某博主的相册。 准备工作:安装并配置好Python的环境,安装了selenium和浏览器驱动,因为我...
使用 phantomjs 异步爬取 ajax 网页数据
【摘要】这几天在学习 phantomjs ,今天学习到了如何实现使用 phantomjs 爬取由 ajax 异步生成的数据,这里做个笔记。 首先,需要了解一下 ajax , ajax 是一个异步输出的技术,当普通的爬虫爬取网页的时候,发送 http 请求,而获取到的都是 http 请求后直接的响应数据,然后在网页中可能还有 ajax ,这是网页向服务器发送的异步请求数据,这是第二次 http
Ajax不重新加载整个网页的情况下,对网页的某部分进行更新实例
AJAX 最大的优点是在不重新加载整个页面的情况下,可以与服务器交换数据并更新部分网页内容。 小编是个初学者,这里送给初学者一个实例,希望我们这些编码爱好者都可以在这条路上越走越远 更新 #box{ width: 100px; height: 100px; background-color: #ccc; } var boxobg=document.getEleme
如何做滚动加载?移动端下拉加载新的页面
我们先从数据库取开始的15条数据显示在页面 index.php 我们默认要显示15条数据,因此,我们先从数据库取开始的15条数据显示在页面。后面新加载的数据,我们也按每次15条的方式展示。 为了讲解尽量简单,我使用原生的PHP和mysql查询语句。首先,需要连接数据库,包含连接信息的connnect.php。这里我定义了几个用户id。 然后查询数据表,获得结果集,并循环输出,代码如下:
Ajax异步加载web网页数据
html代码 <select id="cinemaName" name="release.cinema.cinema_name" class="select w50" style="width:250px;"> //javascript代码通过id名称写 <option value="" selected="selected">请选择影院</option>
Ajax中主页加载分页面后,分页面js脚本不执行的解决办法
最近捣鼓JQuery,其中强大的Ajax系列函数令人印象深刻,所以做项目时毫不犹豫地采用了一下该技术,在主页中动态加载分页面进来,咋看效果不错,都能实现了第一层次的加载,但深入下去问题就出来了:动态加载进来的页面中外联了js文件,其中的脚本却没有在加载后运行! (脚本在单独浏览该分页面时运行是正常的) 我郁闷了,打开Firefox中的Firebug查看了加载后的主页面中的DOM,所有元素的加载都
java+ajax实现数据分批加载到前端
把后台的list通过ajax返回给前端的中文乱码问题:
js,jqueryajax实现页面加载等待效果
//获取浏览器页面可见高度和宽度 var _PageHeight = document.documentElement.clientHeight, _PageWidth = document.documentElement.clientWidth; //计算loading框距离顶部和左部的距离(loading框的宽度为215px,高度为61px) var _LoadingTop = _PageH
解决H5页面浏览器返回或前进时ajax不能重新加载数据的问题
    做过H5前端开发的都知道,当页面从A跳转到B之后,此时按下浏览器的返回按钮,页面将返回到A,假如A页面的数据是通过ajax加载的,那么此时返回到A页面时页面将是空白的,即数据不会重新加载。    以下我将提供一种方法,可以在浏览器后退或前进到历史页面时重新加载ajax数据。    把这段代码封装成通用的js引入到所有的H5页面,在需要实现ajax重新加载的页面,通过设置commonRelo...
ajax实现鼠标拖动到底部自动加载新的数据的实例
String path = request.getContextPath(); String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/"; %> * { margin: 0; paddi
Python3 爬取Ajax加载的网页信息
url:http://www.kfc.com.cn/kfccda/storelist/index.aspx #coding=utf-8 import re import time import requests from requests.exceptions import RequestException def getHtml(url,page): try: he...
ajax实现点击导航栏对应页面内容异步刷新
这是自己在第一次接触TP框架的时候 写的AJAX 虽然写的不够好 ,但是适合刚开始接触的人借鉴下 具体注释写在语句后面! 代码如下: function getItems(id) {                               $.ajax({                                               type: &quot;POST&quot;, //请求...
用ajax+jQuery 实现页面加载更多(另类的分页)
这个其实和分页是起到一样的效果,只不过有时候在个别场景 个人感觉会比分页更加灵性一些,万年不变的分页看着也是很无聊的。我主要是想把这个功能记录下,分享给那些初学者。纯属原创,如有不足之处,随时指教。 先上图 这个 是我现在做的一个项目,订单管理页  本来是做分页的 但是想想 用这个其实也是可以的 然后就自己写了个 第一次写博客,排版什么的有点丑 请见谅~~O(∩_∩)O哈哈~
SUI中的坑:打开html页面,js不自动加载,自由刷新后才会加载
最近写的一个ssm项目中使用到了sui框架,到页面都写好之后发现每次跳转过去js代码都不会去加载,只有点击刷新之后才执行js代码,chrome控制台查看后发现,每次跳转之后都只有network发生了变化,但也只是加载了html页面,js并没有加载,source更是没有任何变化,抓狂 在论坛和百度无果之后,在github上发现有人说是SUI的bug,路由问题, 在class中添加in extern...
页面加载进度条pace.js
Pace.js是一个非常有意思的js插件,可以自动的监听页面的加载数据,并且能够定制加载条。最重要的一点,它还可以监测到ajax的调用并且出现加载条提示。它还可以引入加载进度条的主题样式,你可以选择任意颜色和多种动画效果(例如简约、闪光灯,MAC OSX,左侧填充,顶部填充,计数器和弹跳等等动画效果)。1、引入插件相关的Pace.js和Pace.css[cc lang="html" escaped
记录问题:文档加载完毕添加的元素、ajax局部刷新页面的元素,js事件失效
1.问题描述 页面有一个表格,初始有n行数据,每行有一个操作按钮(设置了click事件)。点击筛选按钮,发送ajax请求获得新的数据,将数据渲染到同一个表格,问题出现:每行的操作按钮失效,在浏览器开发者模式发现事件消失,而初始表格数据的按钮是有事件的。 2.问题原因:我用JQ选择器绑定事件的元素在ajax刷新页面之后消失,ajax从服务器加载的新数据我没有添加事件。 3.解决: 思路:用j...
立即提问