点击按钮，将<div id="preview"这里面的内容</div>，传输到新的页面打开preview.php以新的浏览器页面打开
点击按钮，将<divid="preview"这里面的内容</div>，传输到新的页面打开preview.php以新的浏览器页面打开,要怎么写jspost希望有个完整的例子...
点击按钮，将<div id="preview"这里面的内容</div>，传输到新的页面打开preview.php以新的浏览器页面打开,要怎么写 js post 希望有个完整的例子，本然研究好久，搞不定，像大神求助
比如
<div id="preview"><div id="preview1" style=" width:30px; height:30px; background:#060;"></div></div>
然后打开的新页面显示
jquery ajax post 展开
比如
<div id="preview"><div id="preview1" style=" width:30px; height:30px; background:#060;"></div></div>
然后打开的新页面显示
jquery ajax post 展开
展开全部
HTML代码：
<!DOCTYPE html>
<html>
<head>
<title>test page</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<script type="text/javascript" src="jquery-2.1.4.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("input[type='button']").click(function(){
$.post('preview.php',{contain:$("#preview").text()},function(data){
alert(data);
});
});
});
</script>
</head>
<body>
<input type="button" value="按钮">
<div id="preview">我是内容！</div>
</body>
</html>
php代码：
echo '我被传回来了：'.$_POST['contain'];
哦，这是jQuery代码，没看清楚要求，不过js post的话好久没写了，写不出来了，思路第一种就是通过Ajax post将内容传过去，第二种就是用js生成一个隐藏表单，把内容提交过去。
更多追问追答
追问
先谢谢你，这个运行后是一个提示宽，我想实现的是以浏览器页面打开的效果，实现预览页面的效果
<div id="preview"><div id="preview1" style=" width:30px; height:30px; background:#060;"></div></div>
然后打开的新页面显示
追答
模拟一个表单提交到新页面吧，form加上target:"_blank"属性。
<script type="text/javascript">
$(document).ready(function(){
$("input[type='button']").click(function(){
/*$.post('preview.php',{contain:$("#preview").text()},function(data){
alert(data);
});*/
var $form=$("<form></form>");
var $textarea=$("<textarea></textarea>");
$textarea.attr("name","contain");
$textarea.text($("#preview").text());
$form.append($textarea);
$form.attr({action:"preview.php",method:"post",target:"_blank"});
$form.submit();
});
});
</script>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<meta charset=utf-8>
<button onclick="jump()">点击我</button>
<div id="preview">this is a test data.</div>
<script>
function jump(){
var dat = document.getElementById("preview");
var txt = dat.innerHTML;
//window.location.href//当前页跳转
window.open("preview.php?txt="+txt);//新窗口跳转
}
</script>
//preview.php
$recvTxt = $_GET["txt"];
echo "Hello :".$recvTxt;
运行一下看看.
更多追问追答
追问
先谢谢你，这个运行后是一个提示宽，我想实现的是以浏览器页面打开的效果，实现预览页面的效果
<div id="preview"><div id="preview1" style=" width:30px; height:30px; background:#060;"></div></div>
然后打开的新页面显示
追答
首先你的测试页面也就是当前页面，与这个preview.php的页面应是两个页面,不然没有跳转之说，只能是open。
被充里说的“实现预览的效果”，不知你要预览什么，当前不是预览一个绿色框框吗？
找准问题点。如果是参数传不过去，楼上给了一种post异步传输方法，或是通过form表单来跳转。这边接收参数就行了，哪一步遇到了问题？
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
