Javascript AJAX, 304 Firefox içinde yüklenmiyor

Altında içerik yüklemek için varsayalım bir açılır menü yüklüyorum. Dosyalarımın böyle kırılmış hali var.

  • Head => Calls Javascript/AJAX
  • Header.php => Contains drop down Menu which interacts with AJAX and DIV
  • Content.php => Contains DIV which shows content after drop down selection

Problem: Inside one of the content boxes, I am running into an issue with the Javascript from a twitter and disqus widget. Everything works fine when not implemented within AJAX. When in AJAX everything comes up blank and Firefox is giving me 304 Not Modified.


AJAX Kodu

// AJAX Page Reload
var bustcachevar = 1 //bust potential caching of external pages after initial request? (1=yes, 0=no)
var loadedobjects = ""
var rootdomain = "http://" + window.location.hostname
var bustcacheparameter = ""

function ajaxpage(url, containerid) {
    var page_request = false
    if (window.XMLHttpRequest)//if Mozilla, Safari etc
    page_request = new XMLHttpRequest()
    else if (window.ActiveXObject) {//if IE
        try {
            page_request = new ActiveXObject("Msxml2.XMLHTTP")
        } catch (e) {
            try {
                page_request = new ActiveXObject("Microsoft.XMLHTTP")
            } catch (e) {}
        }
    } else return false
    page_request.onreadystatechange = function() {
        loadpage(page_request, containerid)
    }
    if (bustcachevar) //if bust caching of external page
    bustcacheparameter = (url.indexOf("?") != -1) ? "&" + new Date().getTime() : "?" + new Date().getTime()
    page_request.open('GET', url + bustcacheparameter, false)
    page_request.send(null)
}

function loadpage(page_request, containerid) {
    if (page_request.readyState == 4 && (page_request.status == 200 || window.location.href.indexOf("http") == -1)) document.getElementById(containerid).innerHTML = page_request.responseText
}

function loadobjs() {
    if (!document.getElementById) return
    for (i = 0; i < arguments.length; i++) {
        var file = arguments[i]
        var fileref = ""
        if (loadedobjects.indexOf(file) == -1) { //Check to see if this object has not already been added to page before proceeding
            if (file.indexOf(".js") != -1) { //If object is a JS file
                fileref = document.createElement('script')
                fileref.setAttribute("type", "text/javascript");
                fileref.setAttribute("src", file);
            } else if (file.indexOf(".css") != -1) { //If object is a CSS file
                fileref = document.createElement("link")
                fileref.setAttribute("rel", "stylesheet");
                fileref.setAttribute("type", "text/css");
                fileref.setAttribute("href", file);
            }
        }
        if (fileref != "") {
            document.getElementsByTagName("head").item(0).appendChild(fileref)
            loadedobjects += file + " " //Remember this object as being already added to page
        }
    }
}

/***Combo Menu Load Ajax snippet**/

function ajaxcombo(selectobjID, loadarea) {
    var selectobj = document.getElementById ? document.getElementById(selectobjID) : ""
    if (selectobj != "" && selectobj.options[selectobj.selectedIndex].value != "") ajaxpage(selectobj.options[selectobj.selectedIndex].value, loadarea)
}

Kafata bulunan JavaScript Kodu

<script src="js/scripts.js" type="text/javascript"></script>
<script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script type="text/javascript"> var disqus_developer = 1; </script>
<script src="//platform.twitter.com/widgets.js" type="text/javascript"></script>

Header.php'de bulunan Menü Kodu'nu Aşağı indirin

<form>

</form>

1. Widg'de bulunan Twitter Widget Kodu

<script>
new TWTR.Widget({
  version: 2,
  type: 'search',
  search: '#Discuss',
  interval: 30000,
  title: '',
  subject: '',
  width: 255,
  height: 300,
  theme: {
    shell: {
         background: 'transparent', //this is important
    },
    tweets: {
     background: 'transparent', //this is important
      color: '#444444',
      links: '#1985b5'
    }
  },
  features: {
    scrollbar: false,
    loop: true,
    live: true,
    behavior: 'all'
  }
}).render().start();
</script>

Minor Issue: When I select a section from the drop down menu and refresh the page the drop down menu breaks. What I mean is if I am on test1 and select test2, after the new content loads, I than refresh the page, the drop down menu will stay on test2 but the content will be on test1. If anyone knows a quick way to fix this as well that would be great.

Bu benim ilk kez burada yayınlamaktır, eğer bir şeyleri mahvedersem lütfen bana bildirin. Bu sorunu çözmek için iki gün aradığımdan beri olabildiğince fazla bilgi vermeye çalıştım.

Şimdiden teşekkürler.

0
Sayfanız nedir? ajax'in ne demeye çalışıyorsun?
katma yazar murvinlai, kaynak
Bunu sizin için yaptım, ancak gelecekte kodunuzu girmeyi düşünün.
katma yazar Vivin Paliath, kaynak
canlı versiyon burada görülebilir link ** Girintiyi denedim mi Bir dahaki sefere dışarı.
katma yazar Thomas Ciccarelli, kaynak

Cevap yok

0