объединить несколько похожих кодов AJAX - PullRequest
Новая
       7

объединить несколько похожих кодов AJAX

0 голосов
/ 23 июля 2011

У меня есть код ниже, который идет с моего сайта навигации. Так как большая часть кода одинакова, мне было интересно, если бы был способ сжать это. Я супер новичок в AJAX. Спасибо 

function web()
{
if(XMLHttpRequestObject) {
    var obj = document.getElementById('content');
    XMLHttpRequestObject.open("GET", "./nav/web.html");


    XMLHttpRequestObject.onreadystatechange = function()
    {
        if (XMLHttpRequestObject.readyState == 4 &&
        XMLHttpRequestObject.status == 200) {

            obj.innerHTML = XMLHttpRequestObject.responseText;
            }
        }
    XMLHttpRequestObject.send(null);
    }
}

function prices()
{
if(XMLHttpRequestObject) {
    var obj = document.getElementById('content');
    XMLHttpRequestObject.open("GET", "./nav/prices.html");


    XMLHttpRequestObject.onreadystatechange = function()
    {
        if (XMLHttpRequestObject.readyState == 4 &&
        XMLHttpRequestObject.status == 200) {

            obj.innerHTML = XMLHttpRequestObject.responseText;
            }
        }
    XMLHttpRequestObject.send(null);
    }
}

function clientList()
{
if(XMLHttpRequestObject) {
    var obj = document.getElementById('content');
    XMLHttpRequestObject.open("GET", "./nav/clientlist.html");


    XMLHttpRequestObject.onreadystatechange = function()
    {
        if (XMLHttpRequestObject.readyState == 4 &&
        XMLHttpRequestObject.status == 200) {

            obj.innerHTML = XMLHttpRequestObject.responseText;
            }
        }
    XMLHttpRequestObject.send(null);
    }
}

1 Ответ

0 голосов
/ 19 июля 2012

Да, вы можете вместо функции для каждого процесса встроить «шаблон», который будет содержать каждый запрос, а затем передать переменную для использования, например 

switch(b) { case "web" : XMLHttpRequestObject.open("GET", "./nav/web.html"); break; case "prices" : XMLHttpRequestObject.open("GET", "./nav/prices.html");

. Вот пример

function dameloPapa(a,b,c) {
if (a=="")
  {
  document.getElementById(c).innerHTML="";
  return;
  }
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById(c).innerHTML=xmlhttp.responseText;
    }
  }
switch(b){
case "web" : XMLHttpRequestObject.open("GET", "./nav/web.html?id"+a); break;
//etc...
}
xmlhttp.send();

Таким образом, вы вызываете свой код только с использованием JavaScript (onclick, onchange и т. Д.) DameloPapa ('variable', 'op', 'div_id');и показывать результаты на

Я оптимизировал один такой, чтобы вызывать его в любое время, когда захочу, я много смешиваю это с PHP, MySQL и работает как шарм, надеюсь, это поможет!

...