2013-11-19 5 views
0

Я новичок в Ajax и пытаюсь понять, как работает Ajax из нижеприведенного учебника, который был дан в w3schools.Ajax url параметр

В приведенном ниже коде 'url' установлен на demo_ajax_load.txt. Будет ли demo_ajax_load.txt будет текстовым файлом на сервере, который передается после вызова?

Как правило, я вижу, php или asp код, который будет вызываться, который передаст html или текстовый объект .. но удивительно, как текстовый файл будет возвращен напрямую ... Извините его основной элементарный вопрос.

Также, как результат от url непосредственно передается в функцию-функцию (результат)?

<!DOCTYPE html> 
<html> 
    <head> 
     <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"> 
     </script> 
     <script> 
      $(document).ready(function(){ 
       $("button").click(function(){ 
        $.ajaxSetup({ 
         url:"demo_ajax_load.txt", 
         success:function(result){ 
          $("div").html(result); 
         } 
        }); 
        $.ajax(); 
       }); 
      }); 
     </script> 
    </head> 
    <body> 
     <div><h2>Let AJAX change this text</h2></div> 
     <button>Change Content</button> 
    </body> 
</html> 
+0

w3schools - ужасный ресурс. Даже для jQuery, я вижу. Обычно вы не указываете URL-адрес через 'ajaxSetup'. –

ответ

0

AJAX запрос по существу запроса HTTP-сервер, который происходит асинхронно (в то время как пользователь взаимодействует со страницей). Доступ к ресурсу на сервере необязательно должен быть php-скриптом или html. В этом примере запрашиваемый ресурс выглядит как простой текстовый файл.

Когда вы вызываете $.ajax(), jQuery будет использовать значения по умолчанию, определенные вами в вызове $.ajaxSetup(...). Это означает, что он сделает запрос GET к demo_ajax_load.txt. Этот запрос будет выполняться асинхронно, поэтому вам необходимо определить функцию обратного вызова success. Эта функция вызывается jQuery, как только сервер возвращает ответ. Затем содержимое ответа (в этом случае содержимое файла) передается в качестве первого аргумента этой функции обратного вызова (параметр result).

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