将html元素添加到do m树中,javascript-如何使用jQuery将html加载到变量中

曾经终败给现在 2022-10-07 04:47 258阅读 0赞

javascript-如何使用jQuery将html加载到变量中

我知道我可以用以下方式将HTML加载到div中：

$("\#my\_div").load("http://www.mypage.com");

但我想做的是将html加载到类似这样的变量中：

my\_var = load("http://www.mypage.com");

任何帮助都很棒。

我想遍历一些项目，例如：

HLS.functions.LoadSideModules = function() \{

HLS.sideModuleContent = new Object();

for(var i = 0; i < HLS.currentModuleConfig.POLICIES.POLICY.length; i++) \{

for(var y = 0; y < HLS.currentModuleConfig.POLICIES.POLICY\[i\].PAGES.PAGE.length; y++) \{

for(var POS in HLS.currentModuleConfig.POLICIES.POLICY\[i\].PAGES.PAGE\[y\]) \{

var item = HLS.currentModuleConfig.POLICIES.POLICY\[i\].PAGES.PAGE\[y\]\[POS\];

if(!HLS.sideModuleContent\[item\]) \{

HLS.sideModuleContent\[item\] = j.get(HLS.config.K2GETMODULE + HLS.currentModuleConfig.POLICIES.POLICY\[i\].PAGES.PAGE\[y\]\[POS\]);

\}

\}

\}

\}

\};

4个解决方案

77 votes

$.get("http://www.mypage.com", function( my\_var ) \{

// my\_var contains whatever that request returned

\});

jQuery下面将启动一个ajax请求，该请求将触发到给定的URL。 它还尝试智能地猜测将要接收哪些数据(如果它是有效的html，则无需指定)。 例如，如果您需要获取另一种数据类型，只需将其作为最后一个参数传入

$.get("http://www.mypage.com", function( my\_var ) \{

// my\_var contains whatever that request returned

\}, 'html'); // or 'text', 'xml', 'more'

参考：.get()

jAndy answered 2020-01-10T16:32:56Z

32 votes

您还可以在内存中创建一个元素，并在其上使用load()：

var $div = $('

');

$div.load('index.php \#somediv', function()\{

// now $(this) contains \#somediv

\});

好处是您可以使用选择器(\#somediv)指定要加载index.php的哪一部分。

gang answered 2020-01-10T16:33:20Z

1 votes

虽然创建新元素是一种选择，但您也可以克隆任何元素。 如它所说，这将复制旧节点的所有属性和值，即“精确克隆”。

如果您只希望复制html的特定部分，则这还可以灵活地填充特定元素层次结构中的所有内容(即，包括所有子元素)。

例如，如果层次结构是-

...

//...

var oldElement = document.getElementById('mydiv');

var newElement = oldElement.cloneNode(true);

/\* \#selector selects only that particular section & the '> \*' enables to copy all of the child nodes under the parent \#selector

Replace URL with the required value

function specification is optional... \*/

jQuery(newElement).load(URL+'\#selector > \*'\[,function(response, status, xhr)\{\}\]);

//...

现在，您可以根据需要以编程方式处理变量newElement(也使用本机javascript，因为它是本机元素)。

sharhp answered 2020-01-10T16:33:54Z

1 votes

function includeHTML\_callBack(result)\{

var my\_var = result;

\}

function includeHTML(link, callBack) \{

var xhttp = new XMLHttpRequest();

xhttp.onreadystatechange = function() \{

if (this.readyState == 4 && this.status == 200) \{

callBack(this.responseText);

\}

\}

xhttp.open("GET", link, true);

xhttp.send();

return;

\}

includeHTML("http://www.mypage.com", includeHTML\_callBack);

Ahmed Elazazy answered 2020-01-10T16:34:10Z

发表评论取消回复

表情：

评论列表（有 0 条评论，258人围观）

还没有评论，来说两句吧...

相关阅读

相关 jquery 添加事件_将事件添加到jQuery中的添加事件

jquery 添加事件 Earlier this week I posted a usability tip about [using CSS and MooTools' c

左手的ㄟ右手/ 2023年02月21日 15:29/ 0 赞/ 6 阅读

相关 HTML 元素内部添加预加载

CSS： /元素内部加载loading/ .innerLoading { height: 100%; width: 100%;

阳光穿透心脏的1/2处/ 2023年02月10日 01:20/ 0 赞/ 44 阅读

相关 jQuery将元素添加到指定位置

[jQuery将元素添加到指定位置][jQuery] [jQuery]: http://www.360doc.com/content/18/1115/19/58479714

Myth丶恋晨/ 2022年12月03日 01:58/ 0 赞/ 233 阅读

相关给网页添加背景图片html_如何使用HTML将背景图像添加到网页的顶部

给网页添加背景图片html [How To Build a Website With HTML][] [如何使用HTML构建网站][How To Build a Websit

亦凉/ 2022年11月28日 15:27/ 0 赞/ 244 阅读

相关如何使用HTML将Favicon添加到您的网站

[How To Build a Website With HTML][] [如何使用HTML构建网站][How To Build a Website With HTML] T

系统管理员/ 2022年11月28日 15:23/ 0 赞/ 217 阅读

相关 mysql添加图像如何添加_如何使用HTML将图像添加到您的网页

mysql添加图像如何添加 [How To Build a Website With HTML][] [如何使用HTML构建网站][How To Build a Websit

男娘i/ 2022年11月28日 15:23/ 0 赞/ 245 阅读

相关将html元素添加到do m树中,javascript-如何使用jQuery将html加载到变量中

javascript-如何使用jQuery将html加载到变量中我知道我可以用以下方式将HTML加载到div中： $("\my\_div").load("http://w

曾经终败给现在/ 2022年10月07日 04:47/ 0 赞/ 259 阅读

相关在html中如何写边框线,如何将文本添加到html中的边框线

下面是解决方案。 CSS： \parentBox \{ border: 2px solid red; height: 180px; width: auto; \}

╰半夏微凉°/ 2022年10月05日 12:46/ 0 赞/ 231 阅读

相关 Android Studio将本地HTML加载到WebView

这两天遇到一个问题，就是需要在自己的APP里面引用别的网页，但是呢有一个网页使用自己APP上门的WebView加载不出来，当然了，不信诸位可以试试，网址是 https

迈不过友情╰/ 2022年07月14日 12:17/ 0 赞/ 605 阅读

相关 html中将table数据直接导入到excel中

方法一、通过<a>标签（可定义文件名称）： <a id="dlink" style="display:none;"></a> <input type="button" ο

小咪咪/ 2022年05月19日 14:27/ 0 赞/ 494 阅读