<html>
<form method="get" action="http://www.google.com" >
<b>Enter Text</b><input type="text" id="pv2" name="pv2"/>
<input type="button" value="Report Generation" class="button" onclick="samepage()"/>
</form>
<script src="http://www.jquery4u.com/function-demos/js/jquery-1.6.4.min.js"></script>
<script src="http://www.jquery4u.com/scripts/function-demos-script.js"></script>
<script type="text/javascript">
Function samepage()
{
Var text =Document.getElementById("pv2").value;
Var Data= text;
$.ajax({
type: "GET",
url: "https://www.google.com" // form action url
data: Data,
cache: false,
success: function(output)
{
Document.getElementById("output").innerHTML= output;
}
});
}
This dynamic div
</script>
<div id="output" style="border:1px solid;width:1000px;height:500px;">
</div>
</html>
它需要加载一个网站以及用户提供的输入数据。为了测试目的，我使用了google.com。我需要在div标签中加载google.com。
在上面，它没有加载。。。。
你能试试这个吗，
function samepage()
{
var text =document.getElementById("pv2").value;
var Data= text;
$.ajax({
type: "GET",
url: "https://www.google.com", // added comma // form action url
data: Data,
cache: false,
success: function(output)
{
document.getElementById("output").innerHTML= output;
}
});
}
您有一些语法错误。JS应该看起来像
window.samepage = function()
{
var text =document.getElementById("pv2").value;
var Data= text;
$.ajax({
type: "GET",
url: "http://fiddle.jshell.net", // form action url
data: Data,
cache: false,
success: function(output)
{
document.getElementById("output").innerHTML= output;
}
});
return false;
}
- 函数到函数
- 无功至无功
- 文档到文档
- url中缺少逗号，ajax GET只支持相同的域
请参阅我为您制作的样品：http://jsfiddle.net/57N2n/
请尝试以下代码。$。support.cors=true；当源来自不同位置时需要。谷歌网址的访问被拒绝的错误来了。此外，您还需要以键值对的形式发送数据，可以在url中作为查询字符串，也可以在数据中作为json对象。
<script type="text/javascript">
samepage();
function samepage() {
$.support.cors = true;
$.ajax({
type: "GET",
url: "http://www.rediff.com/",
cache: false,
dataType: 'html',
success: function(output) {
document.getElementById("output").innerHTML = output;
},
error: function(jqXhr, status, errorThrown) {
alert(errorThrown);
}
});
}
</script>
<div id="output" style="border: 1px solid; width: 1000px; height: 500px;">
</div>