Есть php скрипт - whois.php и он длительно обрабатывается(~30сек.) и что бы пользователь не "соскучился" хочу сделать так что бы когда пользователь кликнул по этой ссылке, появилась картинка loading.gif и php скрипт без перезагрузки страницы исполнился. пробовал реализовать так: Форма: | Код | <script type="text/javascript" src="ajax.js"></script>
<form method="post" id="whois-form">
<input type="text" id="domain" name="domain" />
<input type="button" onClick="whois();" value="Найти" />
</form>
<div id="whois-results"></div>
|
Вот ajax.js: | Код | function arn_ajax(file){
this.AjaxFailedAlert = "AJAX not supported.\n";
this.requestFile = file;
this.method = "POST";
this.URLString = "";
this.encodeURIString = true;
this.execute = false;
this.add_html = false;
this.loading_fired = 0;
this.centerdiv = null;
this.onLoading = function() { };
this.onLoaded = function() { };
this.onInteractive = function() { };
this.onCompletion = function() { };
this.onShow = function( message )
{
if ( ! this.loading_fired )
{
this.loading_fired = 1;
if ( message )
{
document.getElementById( 'loading-layer-text' ).innerHTML = message;
}
this.centerdiv = new center_div();
this.centerdiv.divname = 'loading-layer';
this.centerdiv.move_div();
}
return;
};
this.onHide = function()
{
try
{
if ( this.centerdiv && this.centerdiv.divobj )
{
this.centerdiv.clear_div();
}
}
catch(e)
{
}
this.loading_fired = 0;
return;
};
this.createAJAX = function() {
try {
this.xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
this.xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
} catch (err) {
this.xmlhttp = null;
}
}
if(!this.xmlhttp && typeof XMLHttpRequest != "undefined")
this.xmlhttp = new XMLHttpRequest();
if (!this.xmlhttp){
this.failed = true;
}
};
this.setVar = function(name, value){
if (this.URLString.length < 3){
this.URLString = name + "=" + value;
} else {
this.URLString += "&" + name + "=" + value;
}
};
this.encVar = function(name, value){
var varString = encodeURIComponent(name) + "=" + encodeURIComponent(value);
return varString;
};
this.encodeURLString = function(string){
varArray = string.split('&');
for (i = 0; i < varArray.length; i++){
urlVars = varArray[i].split('=');
if (urlVars[0].indexOf('amp;') != -1){
urlVars[0] = urlVars[0].substring(4);
}
varArray[i] = this.encVar(urlVars[0],urlVars[1]);
}
return varArray.join('&');
};
this.encodeVAR = function(url){
url = url.toString();
url = url.replace(/\+/g, "%2B");
url = url.replace(/\=/g, "%3D");
url = url.replace(/\?/g, "%3F");
url = url.replace(/\&/g, "%26");
return url;
};
this.runResponse = function(){
var milisec = new Date;
var jsfound = false;
milisec = milisec.getTime();
var js_reg = /<script.*?>(.|[\r\n])*?<\/script>/ig;
var js_str = js_reg.exec(this.response);
if (js_str != null) {
var js_arr = new Array(js_str.shift());
var jsfound = true;
while(js_str) {
js_str = js_reg.exec(this.response);
if (js_str != null) js_arr.push(js_str.shift());
}
for(var i=0; i<js_arr.length;i++) {
this.response = this.response.replace(js_arr[i],'<span id="'+milisec+i+'" style="display:none;"></span>');
}
}
if ( this.add_html ) {
this.elementObj.innerHTML += this.response;
} else {
this.elementObj.innerHTML = this.response;
}
if (jsfound) {
var js_content_reg = /<script.*?>((.|[\r\n])*?)<\/script>/ig;
for (i = 0; i < js_arr.length; i++) {
var mark_node = document.getElementById(milisec+''+i);
var mark_parent_node = mark_node.parentNode;
mark_parent_node.removeChild(mark_node);
js_content_reg.lastIndex = 0;
var js_content = js_content_reg.exec(js_arr[i]);
var script_node = mark_parent_node.appendChild(document.createElement('script'));
script_node.text = js_content[1];
var script_params_str = js_arr[i].substring(js_arr[i].indexOf(' ',0),js_arr[i].indexOf('>',0));
var params_arr = script_params_str.split(' ');
if (params_arr.length > 1) {
for (var j=0;j< params_arr.length; j++ ) {
if(params_arr[j].length > 0){
var param_arr = params_arr[j].split('=');
param_arr[1] = param_arr[1].substr(1,(param_arr[1].length-2));
script_node.setAttribute(param_arr[0],param_arr[1]);
}
}
}
}
}
};
this.sendAJAX = function(urlstring){
this.responseStatus = new Array(2);
if(this.failed && this.AjaxFailedAlert){
alert(this.AjaxFailedAlert);
} else {
if (urlstring){
if (this.URLString.length){
this.URLString = this.URLString + "&" + urlstring;
} else {
this.URLString = urlstring;
}
}
if (this.encodeURIString){
var timeval = new Date().getTime();
this.URLString = this.encodeURLString(this.URLString);
this.setVar("rndval", timeval);
}
if (this.element) { this.elementObj = document.getElementById(this.element); }
if (this.xmlhttp) {
var self = this;
if (this.method == "GET") {
var totalurlstring = this.requestFile + "?" + this.URLString;
this.xmlhttp.open(this.method, totalurlstring, true);
} else {
this.xmlhttp.open(this.method, this.requestFile, true);
}
if (this.method == "POST"){
try {
this.xmlhttp.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
} catch (e) {}
}
this.xmlhttp.send(this.URLString);
this.xmlhttp.onreadystatechange = function() {
switch (self.xmlhttp.readyState){
case 1:
self.onLoading();
break;
case 2:
self.onLoaded();
break;
case 3:
self.onInteractive();
break;
case 4:
self.response = self.xmlhttp.responseText;
self.responseXML = self.xmlhttp.responseXML;
self.responseStatus[0] = self.xmlhttp.status;
self.responseStatus[1] = self.xmlhttp.statusText;
self.onHide();
self.onCompletion();
if (self.elementObj) {
var elemNodeName = self.elementObj.nodeName;
elemNodeName = elemNodeName.toLowerCase();
if (elemNodeName == "input" || elemNodeName == "select" || elemNodeName == "option" || elemNodeName == "textarea"){
if (self.response == 'error') { alert('Access denied'); } else {
if ( self.add_html ) {
self.elementObj.value += self.response;
} else { self.elementObj.value = self.response;}
}
} else {
if (self.response == 'error') { alert('Access denied'); } else {
if(self.execute) { self.runResponse(); } else {
if ( self.add_html ) {
self.elementObj.innerHTML += self.response;
} else { self.elementObj.innerHTML = self.response; }
}
}
}
}
self.URLString = "";
break;
}
};
}
}
};
this.createAJAX();
};
function whois()
{
var ajax = new dle_ajax();
var domen = ajax.encodeVAR( document.getElementById('whois-form').domain.value );
ajax.onShow ('');
var varsString = "domen=" + domen;
ajax.requestFile = "whois.php";
ajax.method = 'POST';
ajax.element = 'whois-results';
ajax.sendAJAX(varsString);
return false;
};
|
Но ничего так не работает. А как картинку прикрутить нигде не нашел. Подскажите что там не так??? Это сообщение отредактировал(а) jone31 - 18.6.2009, 16:40 |
Выполнение php с помощью ajax 
Дата 18.6.2009, 16:40 (
Загрузка ...
смотрю на php-скрипт, а он пашет без твоего аякса вообще? 
