$.ajax ( {
		       type: 'POST',
			   url:  '<?=$_SERVER['PHP_SELF']?>',
			   dataType: 'json',
			   data: {step:''}
		    }
			
		    ).done(
		       function(infj) {
			      
			      $.each(infj, function(i,valu) {
				     var zDiv=$('<div>',{'class':'img_div'});
				     var zImg=$('<img>',{'src':valu['small'],'rel':valu['big']});
							
					 //--------------------------------
					 zDiv.append(zImg);
					 $('#allpics').find('#zclose').before(zDiv);
				     
				  });

//----------------------------------------------------------------------------------------------
                $.ajax ( {
		       type: 'POST',
			   url:  '<?=$_SERVER['PHP_SELF']?>',
			   data: {step:'', favpic:inpic}
		    }).done(
			   function(html) {
			      //alert(html);
			   });


//----------------------------------------------------------------------------------------------
$.ajax({
  url: "test.html",
  context: document.body
}).done(function() { 
  $(this).addClass("done");
});
//--------------------------------------------
$.ajax({
  statusCode: {
    404: function() {
      alert("page not found");
    }
  }
});
//--------------------------------------------
$.ajax({
   url: a_cross_domain_url,
   xhrFields: {
      withCredentials: true
   }
});

//--------------------------------------------
$.ajax({
  url: "http://fiddle.jshell.net/favicon.png",
  beforeSend: function ( xhr ) {
    xhr.overrideMimeType("text/plain; charset=x-user-defined");
  }
}).done(function ( data ) {
  if( console && console.log ) {
    console.log("Sample of data:", data.slice(0, 100));
  }
});
//--------------------------------------------


var jqxhr = $.ajax( "example.php" )
    .done(function() { alert("success"); })
    .fail(function() { alert("error"); })
    .always(function() { alert("complete"); });

// perform other work here ...

// Set another completion function for the request above
jqxhr.always(function() { alert("second complete"); });

//--------------------------------------------

$.ajax({
  url: 'ajax/test.html',
  success: function(data) {
    $('.result').html(data);
    alert('Load was performed.');
  }
});


//--------------------------------------------

var _super = jQuery.ajaxSettings.xhr;

jQuery.ajaxSettings.xhr = function () {
    var xhr = _super(),
        getAllResponseHeaders = xhr.getAllResponseHeaders;

    xhr.getAllResponseHeaders = function () {
        if ( getAllResponseHeaders() ) {
            return getAllResponseHeaders();
        }
        var allHeaders = "";
        $( ["Cache-Control", "Content-Language", "Content-Type",
                "Expires", "Last-Modified", "Pragma"] ).each(function (i, header_name) {

            if ( xhr.getResponseHeader( header_name ) ) {
                allHeaders += header_name + ": " + xhr.getResponseHeader( header_name ) + "\n";
            }
            return allHeaders;
        });
    };
    return xhr;
};
//--------------------------------------------

$.ajax({
  type: "POST",
  url: "some.php",
  data: { name: "John", location: "Boston" }
}).done(function( msg ) {
  alert( "Data Saved: " + msg );
});

//--------------------------------------------

$.ajax({
  url: "test.html",
  cache: false
}).done(function( html ) {
  $("#results").append(html);
});

//--------------------------------------------

var xmlDocument = [create xml document];
var xmlRequest = $.ajax({
  url: "page.php",
  processData: false,
  data: xmlDocument
});

xmlRequest.done(handleResponse);

//--------------------------------------------

var menuId = $("ul.nav").first().attr("id");
var request = $.ajax({
  url: "script.php",
  type: "POST",
  data: {id : menuId},
  dataType: "html"
});

request.done(function(msg) {
  $("#log").html( msg );
});

request.fail(function(jqXHR, textStatus) {
  alert( "Request failed: " + textStatus );
});

//--------------------------------------------

$.ajax({
  type: "GET",
  url: "test.js",
  dataType: "script"
});

//--------------------------------------------
$.ajaxSetup({
  url: 'ping.php'
});

$.ajax({
  // url not set here; uses ping.php
  data: {'name': 'Dan'}
});
//--------------------------------------------

$.ajaxSetup({
   url: "/xmlhttp/",
   global: false,
   type: "POST"

 });
 $.ajax({ data: myData });

//--------------------------------------------
$.ajax({
  type: 'POST',
  url: url,
  data: data,
  success: success,
  dataType: dataType
});

//--------------------------------------------

$.post('ajax/test.html', function(data) {
  $('.result').html(data);
});

//--------------------------------------------

// Assign handlers immediately after making the request,
    // and remember the jqxhr object for this request
    var jqxhr = $.post("example.php", function() {
      alert("success");
    })
    .success(function() { alert("second success"); })
    .error(function() { alert("error"); })
    .complete(function() { alert("complete"); });

    // perform other work here ...

    // Set another completion function for the request above
    jqxhr.complete(function(){ alert("second complete"); });

//--------------------------------------------

$.post("test.php");

$.post("test.php", { name: "John", time: "2pm" } );

$.post("test.php", { 'choices[]': ["Jon", "Susan"] });

$.post("test.php", $("#testform").serialize());

$.post("test.php", function(data) {
   alert("Data Loaded: " + data);
 });

$.post("test.php", { name: "John", time: "2pm" },
   function(data) {
     alert("Data Loaded: " + data);
   });


$.post("test.php", { name: "John", time: "2pm" },
 function(data) {
   process(data);
 }, 
 "xml"
);

$.post("test.php", { "func": "getNameAndTime" },
 function(data){
   console.log(data.name); // John
   console.log(data.time); //  2pm
 }, "json");


//--------------------------------------------

<!DOCTYPE html>
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
  <form action="/" id="searchForm">
   <input type="text" name="s" placeholder="Search..." />
   <input type="submit" value="Search" />
  </form>
  <!-- the result of the search will be rendered inside this div -->
  <div id="result"></div>

<script>
  /* attach a submit handler to the form */
  $("#searchForm").submit(function(event) {

    /* stop form from submitting normally */
    event.preventDefault(); 
        
    /* get some values from elements on the page: */
    var $form = $( this ),
        term = $form.find( 'input[name="s"]' ).val(),
        url = $form.attr( 'action' );

    /* Send the data using post and put the results in a div */
    $.post( url, { s: term },
      function( data ) {
          var content = $( data ).find( '#content' );
          $( "#result" ).empty().append( content );
      }
    );
  });
</script>

</body>
</html>

//--------------------------------------------

$.ajax({
  url: url,
  data: data,
  success: success,
  dataType: dataType
});

//--------------------------------------------

$.get('ajax/test.html', function(data) {
  $('.result').html(data);
  alert('Load was performed.');
});


//--------------------------------------------

// Assign handlers immediately after making the request,
  // and remember the jqxhr object for this request
  var jqxhr = $.get("example.php", function() {
    alert("success");
  })
  .success(function() { alert("second success"); })
  .error(function() { alert("error"); })
  .complete(function() { alert("complete"); });

  // perform other work here ...

  // Set another completion function for the request above
  jqxhr.complete(function(){ alert("second complete"); });

//--------------------------------------------

$.get("test.php");

$.get("test.php", { name: "John", time: "2pm" } );

$.get("test.php", { 'choices[]': ["Jon", "Susan"]} );

$.get("test.php", function(data){
alert("Data Loaded: " + data);
});

$.get("test.cgi", { name: "John", time: "2pm" },
   function(data){
     alert("Data Loaded: " + data);
   });


$.get("test.php",
   function(data){
     $('body').append( "Name: " + data.name ) // John
              .append( "Time: " + data.time ); //  2pm
   }, "json");


//--------------------------------------------

$('#result').load('ajax/test.html');

$('#result').load('ajax/test.html', function() {
  alert('Load was performed.');
});

$('#result').load('ajax/test.html #container');

$('#a').load('article.html');

$('#b').load('article.html #target');


//--------------------------------------------

<!DOCTYPE html>
<html>
<head>
  <style>
 body{ font-size: 12px; font-family: Arial; }
 </style>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
  
<b>Footer navigation:</b>
<ol id="new-nav"></ol>

<script>
  $("#new-nav").load("/ #jq-footerNavigation li");
</script>

</body>
</html>

//--------------------------------------------

<!DOCTYPE html>
<html>
<head>
  <style>
  body{ font-size: 12px; font-family: Arial; }
  </style>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
  
<b>Successful Response (should be blank):</b>
<div id="success"></div>
<b>Error Response:</b>
<div id="error"></div>
  
<script>
$("#success").load("/not-here.php", function(response, status, xhr) {
  if (status == "error") {
    var msg = "Sorry but there was an error: ";
    $("#error").html(msg + xhr.status + " " + xhr.statusText);
  }
});
  </script>

</body>
</html>

//--------------------------------------------

$("#feeds").load("feeds.html");

$("#objectID").load("test.php", { 'choices[]': ["Jon", "Susan"] } );


$("#feeds").load("feeds.php", {limit: 25}, function(){
alert("The last 25 entries in the feed have been loaded");
});


//--------------------------------------------

$.ajax({
  url: url,
  dataType: 'json',
  data: data,
  success: callback
});

//--------------------------------------------

$.getJSON('ajax/test.json', function(data) {
  var items = [];

  $.each(data, function(key, val) {
    items.push('<li id="' + key + '">' + val + '</li>');
  });

  $('<ul/>', {
    'class': 'my-new-list',
    html: items.join('')
  }).appendTo('body');
});

//--------------------------------------------

// Assign handlers immediately after making the request,
// and remember the jqxhr object for this request
var jqxhr = $.getJSON("example.json", function() {
  alert("success");
})
.success(function() { alert("second success"); })
.error(function() { alert("error"); })
.complete(function() { alert("complete"); });

// perform other work here ...

// Set another completion function for the request above
jqxhr.complete(function(){ alert("second complete"); });

//--------------------------------------------

<!DOCTYPE html>
<html>
<head>
  <style>img{ height: 100px; float: left; }</style>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
  <div id="images">

</div>
<script>
$.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?jsoncallback=?",
  {
    tags: "mount rainier",
    tagmode: "any",
    format: "json"
  },
  function(data) {
    $.each(data.items, function(i,item){
      $("<img/>").attr("src", item.media.m).appendTo("#images");
      if ( i == 3 ) return false;
    });
  });</script>

</body>
</html>

//--------------------------------------------

$.getJSON("test.js", function(json) {
   alert("JSON Data: " + json.users[3].name);
 });


//--------------------------------------------

$.getJSON("test.js", { name: "John", time: "2pm" }, function(json) {
    alert("JSON Data: " + json.users[3].name);
    });

//--------------------------------------------

$.ajax({
  url: url,
  dataType: "script",
  success: success
});

//--------------------------------------------

$.getScript("ajax/test.js", function(data, textStatus, jqxhr) {
   console.log(data); //data returned
   console.log(textStatus); //success
   console.log(jqxhr.status); //200
   console.log('Load was performed.');
});

//--------------------------------------------

$.getScript("ajax/test.js")
.done(function(script, textStatus) {
  console.log( textStatus );
})
.fail(function(jqxhr, settings, exception) {
  $( "div.log" ).text( "Triggered ajaxError handler." );
});  


//--------------------------------------------

$( "div.log" ).ajaxError(function(e, jqxhr, settings, exception) {
  if (settings.dataType=='script') {
    $(this).text( "Triggered ajaxError handler." );
  }
});


//--------------------------------------------

$.ajaxSetup({
  cache: true
});

//--------------------------------------------

jQuery.cachedScript = function(url, options) {

  // allow user to set any option except for dataType, cache, and url
  options = $.extend(options || {}, {
    dataType: "script",
    cache: true,
    url: url
  });

  // Use $.ajax() since it is more flexible than $.getScript
  // Return the jqXHR object so we can chain callbacks
  return jQuery.ajax(options);
};

// Usage
$.cachedScript("ajax/test.js").done(function(script, textStatus) {
  console.log( textStatus );
});

//--------------------------------------------

<!DOCTYPE html>
<html>
<head>
  <style>
.block {
   background-color: blue;
   width: 150px;
   height: 70px;
   margin: 10px;
}</style>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
  
<button id="go">&raquo; Run</button>

<div class="block"></div>

<script>
$.getScript("/scripts/jquery.color.js", function() {
  $("#go").click(function(){
    $(".block").animate( { backgroundColor: "pink" }, 1000)
      .delay(500)
      .animate( { backgroundColor: "blue" }, 1000);
  });
});
</script>

</body>
</html>

//--------------------------------------------

$('.log').ajaxComplete(function() {
  $(this).text('Triggered ajaxComplete handler.');
});

$('.trigger').click(function() {
  $('.result').load('ajax/test.html');
});


//--------------------------------------------

$('.log').ajaxComplete(function(e, xhr, settings) {
  if (settings.url == 'ajax/test.html') {
    $(this).text('Triggered ajaxComplete handler. The result is ' +
                     xhr.responseHTML);
  }
});


//--------------------------------------------

$("div.log").ajaxError(function() {
  $(this).text( "Triggered ajaxError handler." );
});

$("button.trigger").click(function() {
  $("div.result").load( "ajax/missing.html" );
});

//--------------------------------------------

$( "div.log" ).ajaxError(function(e, jqxhr, settings, exception) {
  if ( settings.url == "ajax/missing.html" ) {
    $(this).text( "Triggered ajaxError handler." );
  }
});

//--------------------------------------------

$("#msg").ajaxError(function(event, request, settings){
  $(this).append("<li>Error requesting page " + settings.url + "</li>");
});

//--------------------------------------------

$.ajaxPrefilter( function( options, originalOptions, jqXHR ) {
  // Modify options, control originalOptions, store jqXHR, etc
});



//--------------------------------------------

var currentRequests = {};

$.ajaxPrefilter(function( options, originalOptions, jqXHR ) {
  if ( options.abortOnRetry ) {
    if ( currentRequests[ options.url ] ) {
      currentRequests[ options.url ].abort();
    }
    currentRequests[ options.url ] = jqXHR;
  }
});

//--------------------------------------------

$.ajaxPrefilter( function( options ) {
  if ( options.crossDomain ) {
    options.url = "http://mydomain.net/proxy/" + encodeURIComponent( options.url );
    options.crossDomain = false;
  }
});

//--------------------------------------------

$.ajaxPrefilter( "json script", function( options, originalOptions, jqXHR ) {
  // Modify options, control originalOptions, store jqXHR, etc
});

//--------------------------------------------

$.ajaxPrefilter(function( options ) {
  if ( isActuallyScript( options.url ) ) {
    return "script";
  }
});

//--------------------------------------------

$('.log').ajaxSend(function() {
  $(this).text('Triggered ajaxSend handler.');
});

$('.trigger').click(function() {
  $('.result').load('ajax/test.html');
});

$('.log').ajaxSend(function(e, jqxhr, settings) {
  if (settings.url == 'ajax/test.html') {
    $(this).text('Triggered ajaxSend handler.');
  }
});

$("#msg").ajaxSend(function(evt, request, settings){
        $(this).append("<li>Starting request at " + settings.url + "</li>");
      });


//--------------------------------------------

$('.log').ajaxStart(function() {
  $(this).text('Triggered ajaxStart handler.');
});

$('.trigger').click(function() {
  $('.result').load('ajax/test.html');
});

//--------------------------------------------

$("#loading").ajaxStart(function(){
   $(this).show();
 });

//--------------------------------------------

$('.log').ajaxStop(function() {
  $(this).text('Triggered ajaxStop handler.');
});

$('.trigger').click(function() {
  $('.result').load('ajax/test.html');
});

//--------------------------------------------

$('.log').ajaxSuccess(function() {
  $(this).text('Triggered ajaxSuccess handler.');
});

$('.trigger').click(function() {
  $('.result').load('ajax/test.html');
});

//--------------------------------------------

$('.log').ajaxSuccess(function(e, xhr, settings) {
  if (settings.url == 'ajax/test.html') {
    $(this).text('Triggered ajaxSuccess handler. The ajax response was:' 
                     + xhr.responseText );
  }
});

//--------------------------------------------

$("#msg").ajaxSuccess(function(evt, request, settings){
      $(this).append("<li>Successful Request!</li>");
      });

//--------------------------------------------



//--------------------------------------------
//--------------------------------------------


//--------------------------------------------
//--------------------------------------------
//--------------------------------------------
//--------------------------------------------


//--------------------------------------------
//--------------------------------------------
//--------------------------------------------
//--------------------------------------------
//--------------------------------------------


//--------------------------------------------
//--------------------------------------------

//----------------------------------------------------------------------------------------------
  this.ajax_request=function (param, f3) {
      
      $.ajax ( {
	     type: "POST",
		 url: this.options.ajax_url,
		 data: param} ).done(
		    function(html) {f3.targetEl.ajax_result=f3.show(html);});
			
	}
//----------------------------------------------------------------------------------------------
  function createHTTP() {
      var r;
	  try {
	     r = new XMLHttpRequest();
	  } catch(e) {
	     try {
		    r = new ActiveXObject('Msxml2.XMLHTTP');
		 } catch (e) {
		    r = new ActiveXObject('Microsoft.XMLHTTP');
		 }
	  }
	  return r;
   }

 function ajax_request(param, f3) {
   
      XHR = createHTTP();
	  XHR.stat=0;
	  XHR.resp='';
	  XHR.f3=f3;
	  
	  XHR.onreadystatechange=function() {
	     if (this.readyState==4) {
		    this.resp=this.responseText;
			this.stat=this.readyState;
			
			this.f3(this.resp);
			G_Sending=false;
			
		 } 
		 else if (this.readyState==3) {
		    this.stat=this.readyState;
		 }		 	     
	  }
	  
	  XHR.open('POST','req4.php',true);
	  XHR.setRequestHeader("Content-type","application/x-www-form-urlencoded");
	  XHR.send(param);	  	  	  
   }
//----------------------------------------------------------------------------------------------

 function ajax_request(param, f3) {
   
      if (gl_loading)
	     return;
		 
	  gl_loading=true;
	  showLoading(true);
	  
	  //----------------------------
	  function showLoading(on) {
	     if (on) {
		    $('#ajax_wait').css('width',screen.width+'px');
	        $('#ajax_wait').css('height',screen.height+'px');
		    $('#ajax_wait').css('display','block');
			}
		 else {
		    $('#ajax_wait').css('display','none');
		 }
	  }
	  //----------------------------
	  function onSuccess(html) {
	     f3(html);
		 showLoading(false);
		 gl_loading=false;
	  }
	  //----------------------------
	  function onAjaxError(xhr,status) {
	     
		 showLoading(false);
		 gl_loading=false;
		 
		 var errinfo = {errcode: status};
		 if (xhr.status!=200) {
		    errinfo.message=xhr.statusText;
			}
		 else {
		    errinfo.message='incorrect data';
		 }
		 onLoadError(errinfo);
	  }
	  
	  //----------------------------
	  function onLoadError(errinfo) {
	     var mag = 'error '+errinfo.errcode;
		 if (errinfo.message) 
		    msg+=' :'+errinfo.message;
			
		 alert(msg);
	  }
	  
	  //----------------------------
	  if (location.hostname=='localhost')
	     req_url='../learn/picport/req4.php';
	  else
	     if (location.hostname.indexOf('dmkim1.bget.ru')!=-1)
		    req_url='/learn/picport/req4.php';
			
		 else 
		    if (location.hostname.indexOf('ubezhishche.ru')!=-1)
			   req_url='reqajax.php';
			else
	           req_url='../phpnew/picport/req4.php';
		 
	   
      $.ajax( {
	     type: 'GET',
		 url: req_url,
		 data: param,
		 success: onSuccess,
		 error: onAjaxError,
		 cache: false
		 
	  });
   }
//----------------------------------------------------------------------------------------------

function createHTTP() {
   var r;
   try {r= new XMLHttpRequest() }
   catch(e) {
   try {r=new ActiveXObject('Msxml2.XMLHTTP');}
   catch(e) {r=new ActiveXObject('Microsoft.XMLHTTP')}
   }
   
   return r;
}
//--------------------------------------------------------
function ajax_request(param,el) {

   XHR=createHTTP();
   XHR.el=el;
   XHR.onreadystatechange= function() {
    //alert(this.readyState);
      if (this.readyState==4) {
	    
	     //if (this.status=200) {
		    el3=document.getElementById(this.el);
		    el3.innerHTML=this.responseText
			//}
		G_Sending=false;	
		}	
      else  if (this.readyState==3) {
	     el3=document.getElementById(this.el);
		 el3.innerHTML='Waiting...';
      }	  
   }
   
   XHR.open('POST','upload3.php',true);
   XHR.setRequestHeader("Content-type","application/x-www-form-urlencoded");
   XHR.send(param);
   
   //XHR.open('GET','upload3.php?'+param,true);
   //XHR.setRequestHeader("Content-type","application/x-www-form-urlencoded");
   //XHR.send(null);
   
}

//----------------------------------------------------------------------------------------------

 this.ajax_request = function (param, f3) {
	  
	     $.ajax ( {
		    type: 'POST',
			url:  this.options.ajax_url,
			data: param
		 }
		 ).done(
		    function(html) {
			   f3.statEl.ajax_result=f3.show(html);
			   my.wr('finished: '+f3.statEl.testb);
			   my.loading=false;
			}
		 )
	  }