Fatal编程技术网
  • javascript/
  • JavaScript+；查询字符串&x2B；div

JavaScript+；查询字符串&x2B；div

javascript

JavaScript+；查询字符串&x2B；div,javascript,Javascript,如何将内容加载到html页面。请注意，IM不允许使用php或C。只能使用javascript和html 比如说 将B页加载到A页 http:myweb.com/index.html？load=pageb 谢谢。使用jQuery： $.ajax({ type: "POST", url: "http://some.com/page.html", success: function(msg){ alert( "here's your data: " + msg );

如何将内容加载到html页面。请注意，IM不允许使用php或C。只能使用javascript和html

比如说

将B页加载到A页

http:myweb.com/index.html？load=pageb

谢谢。

使用jQuery：

 $.ajax({
   type: "POST",
   url: "http://some.com/page.html",
   success: function(msg){
     alert( "here's your data: " + msg );
     jQuery("#yourDivID").html(msg);
   }
 });

编辑：添加了如何使用jQuery将其放入div中：

 $.ajax({
   type: "POST",
   url: "http://some.com/page.html",
   success: function(msg){
     alert( "here's your data: " + msg );
     jQuery("#yourDivID").html(msg);
   }
 });

编辑：添加了如何将其放入div中

  • 向第B页发出AJAX请求

  • 使用响应文本获取内容

  • 使用innerHTML属性显示div中的内容

    • 如果您可以使用js框架，那么我建议使用jQuery和@marggg的答案

  • 向第B页发出AJAX请求

  • 使用响应文本获取内容

  • 使用innerHTML属性显示div中的内容

    • 如果您可以使用js框架，那么我建议使用jQuery，@margg的答案就可以了。

    简单的JavaScript:

    <html>
<head>
<script>
function getUrlVars() {
var map = {};
var parts = window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function(m,key,value) {
    map[key] = value;
});
return map;
}    
function createRequestObject() {
            var ro;
            // Mozilla, Safari,...
            if (window.XMLHttpRequest) {
                ro = new XMLHttpRequest();
                if (ro.overrideMimeType) {
                    ro.overrideMimeType('text/xml');
                    // See note below about this line
                }
                // IE
            } else if (window.ActiveXObject) {
                try {
                    ro = new ActiveXObject("Msxml2.XMLHTTP");
                } catch (e) {
                    try {
                        ro = new ActiveXObject("Microsoft.XMLHTTP");
                    } catch (e) {}
                }
            }
            if (!ro) {
                alert('Giving up :( Cannot create an XMLHTTP instance');
                return false;
            }
            return ro;
        }
        function sndReq(param,server,handler) {
            //location.href = server+"?"+action; //uncomment if you need for debugging
            http = createRequestObject();
            http.open('GET', server, true);
            http.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
            http.onreadystatechange = handler;
            http.send(param);
        }
        handler_function = function()
        {
            if(http.readyState == 4)
            {
                if (http.status == 200)
                {
                    document.getElementById("your_div_element").innerHTML = http.responseText;
                }
                else
                {
                    alert('There was a problem with the request.');
                }
            }
        }

</script>
</head>
<body>
<div id="your_div_element"></div>
<script>
var getvars= getUrlVars();
sndReq(null, getvars['action'], handler_function);</script>
</body>
</html>

    
函数getUrlVars（）{
var-map={}；
var parts=window.location.href.replace（/[？&]+（[^=&]+）=（[^&]*）/gi，函数（m，键，值）{
映射[键]=值；
});
返回图；
}    
函数createRequestObject（）{
var ro；
//Mozilla、Safari，。。。
if（window.XMLHttpRequest）{
ro=新的XMLHttpRequest（）；
if（ro.overrideMimeType）{
ro.overrideMimeType（'text/xml'）；
//关于这一行，请参见下面的注释
}
//即
}else if（window.ActiveXObject）{
试一试{
ro=新的ActiveXObject（“Msxml2.XMLHTTP”）；
}捕获（e）{
试一试{
ro=新的ActiveXObject（“Microsoft.XMLHTTP”）；
}捕获（e）{}
}
}
如果（！ro）{
警报（“放弃：（无法创建XMLHTTP实例”）；
返回false；
}
返回ro；
}
函数sndReq（参数、服务器、处理程序）{
//location.href=server+“？”+action；//如果需要调试，请取消注释
http=createRequestObject（）；
http.open（'GET'，server，true）；
http.setRequestHeader（'Content-Type'，'application/x-www-form-urlencoded'）；
http.onreadystatechange=handler；
http.send（param）；
}
handler_function=function（）
{
如果（http.readyState==4）
{
如果（http.status==200）
{
document.getElementById（“您的_div_元素”）.innerHTML=http.responseText；
}
其他的
{
警报（“请求有问题”）；
}
}
}
var getvars=getUrlVars（）；
sndReq（null，getvars['action']，handler_函数）；
    只是简单的JavaScript：

    <html>
<head>
<script>
function getUrlVars() {
var map = {};
var parts = window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function(m,key,value) {
    map[key] = value;
});
return map;
}    
function createRequestObject() {
            var ro;
            // Mozilla, Safari,...
            if (window.XMLHttpRequest) {
                ro = new XMLHttpRequest();
                if (ro.overrideMimeType) {
                    ro.overrideMimeType('text/xml');
                    // See note below about this line
                }
                // IE
            } else if (window.ActiveXObject) {
                try {
                    ro = new ActiveXObject("Msxml2.XMLHTTP");
                } catch (e) {
                    try {
                        ro = new ActiveXObject("Microsoft.XMLHTTP");
                    } catch (e) {}
                }
            }
            if (!ro) {
                alert('Giving up :( Cannot create an XMLHTTP instance');
                return false;
            }
            return ro;
        }
        function sndReq(param,server,handler) {
            //location.href = server+"?"+action; //uncomment if you need for debugging
            http = createRequestObject();
            http.open('GET', server, true);
            http.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
            http.onreadystatechange = handler;
            http.send(param);
        }
        handler_function = function()
        {
            if(http.readyState == 4)
            {
                if (http.status == 200)
                {
                    document.getElementById("your_div_element").innerHTML = http.responseText;
                }
                else
                {
                    alert('There was a problem with the request.');
                }
            }
        }

</script>
</head>
<body>
<div id="your_div_element"></div>
<script>
var getvars= getUrlVars();
sndReq(null, getvars['action'], handler_function);</script>
</body>
</html>

    
函数getUrlVars（）{
var-map={}；
var parts=window.location.href.replace（/[？&]+（[^=&]+）=（[^&]*）/gi，函数（m，键，值）{
映射[键]=值；
});
返回图；
}    
函数createRequestObject（）{
var ro；
//Mozilla、Safari，。。。
if（window.XMLHttpRequest）{
ro=新的XMLHttpRequest（）；
if（ro.overrideMimeType）{
ro.overrideMimeType（'text/xml'）；
//关于这一行，请参见下面的注释
}
//即
}else if（window.ActiveXObject）{
试一试{
ro=新的ActiveXObject（“Msxml2.XMLHTTP”）；
}捕获（e）{
试一试{
ro=新的ActiveXObject（“Microsoft.XMLHTTP”）；
}捕获（e）{}
}
}
如果（！ro）{
警报（“放弃：（无法创建XMLHTTP实例”）；
返回false；
}
返回ro；
}
函数sndReq（参数、服务器、处理程序）{
//location.href=server+“？”+action；//如果需要调试，请取消注释
http=createRequestObject（）；
http.open（'GET'，server，true）；
http.setRequestHeader（'Content-Type'，'application/x-www-form-urlencoded'）；
http.onreadystatechange=handler；
http.send（param）；
}
handler_function=function（）
{
如果（http.readyState==4）
{
如果（http.status==200）
{
document.getElementById（“您的_div_元素”）.innerHTML=http.responseText；
}
其他的
{
警报（“请求有问题”）；
}
}
}
var getvars=getUrlVars（）；
sndReq（null，getvars['action']，handler_函数）；
    html：

    //Page A
<html>
<head><title>Page A</title></head>
<body>
<div id="pageB"></div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $('#pageB').load('pageb.html')
    });
</script>
</body>
</html>

    //第A页
A页
$（文档）.ready（函数（）{
$（'#pageB'）.load（'pageB.html'））
});
    html：

    //Page A
<html>
<head><title>Page A</title></head>
<body>
<div id="pageB"></div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $('#pageB').load('pageb.html')
    });
</script>
</body>
</html>

    //第A页
A页
$（文档）.ready（函数（）{
$（'#pageB'）.load（'pageB.html'））
});
    您是否询问如何从JavaScript获取URL（查询部分）？是的，使用URL链接并将内容加载到div您是否询问如何从JavaScript获取URL（查询部分）？是的，使用URL链接并将内容加载到div如何通过URL链接请求内容使用sndReq（null，“b.html”，handler\u函数）；其中b.html是类似于url的。请记住，您不能从其他域请求内容。请只将加载到的url链接加载到中。对不起，我不明白这个问题。对不起，我的不好。我只想知道如何将内容从（1.html）加载到默认页面（服务器上的主页），使用上面的代码。例如www.myweb.com/index.html？action=file1.htmlhow通过url链接请求内容使用sndReq（null，“b.html”，处理程序