乖兔博客

乖兔 > CMS系统 > javascript > jquery获取其他网页内容并插入到当前页面div或input

jquery获取其他网页内容并插入到当前页面div或input

乖兔 更新于: 2020-03-26 分类:javascript

jquery获取网页内容并插入到当前页.jpg

在页面中引入jquery来获取其他网页的内容并且插入到当前页面div中的方法

当前页html代码

<script type="text/javascript" src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
<script>
function content2input(){
   $.get("content.php", function(data){$("#haha").val(data)});
}
function content2div(){
   $("#div").load("content.php");
}  
</script>
<input id="haha" type="text">
<div id="div"></div>
<input type="button" id="button" value="赋值input" onClick="content2input()">
<input type="button" id="button" value="赋值div" onClick="content2div()">

content.php的内容

<?php
echo "123";
?>

按下赋值input按钮,输入框的内容变为123,按下赋值div按钮,div的内容变成123。

因为input比较特殊,所以单独写出来了,jquery插入内容到其他html标签的赋值参开div的赋值方法。

打赏