JavaScript + Querystring + div

Как загрузить контент на страницу html. обратите внимание, что IM не разрешено использовать php или C. Только javascript и html.JavaScript + Querystring + div

, например

загрузки страницы B и Page A

HTTP: myweb.com/index.html нагрузки = страницаБ

спасибо.

источник

2009-12-09 Power-Mosfet

вы спрашиваете, как получить URL (часть запроса) из JavaScript? –

yes используя ссылки URL и загружать контент в div –

Попросту 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>

источник

2009-12-09 12:57:31

как запросить контент по ссылке URL –

Использовать sndReq (null, "b.html", handler_function); где b.html - это URL-адрес, например http://yourserver.com/b.html. Помните, что вы не можете запрашивать контент из другого домена, например http://theirserver.com/b.html. –

не могли бы вы просто указать ссылку на URL-адрес, которая загружается в

–

Использование JQuery:

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

http://docs.jquery.com/Ajax/jQuery.ajax

редактирования: добавил, как поместить его в DIV

источник

2009-12-09 12:18:30 marcgg

выпустить AJAX запрос на страницу B
Получите содержимое с помощью responseText
Показать содержимое внутри DIV с помощью innerHTML свойства.

Если вы можете использовать js-структуру, я бы предложил jQuery, и ответ @ marcgg сделает это.

источник

2009-12-09 12:19:52 rahul

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>

источник

2009-12-09 13:02:01 fredrik

JavaScript + Querystring + div

ответ

Смежные вопросы