Главная  /  jQuery  /  Ajax  /

Метод jQuery AJAX .get ()

    Метод jQuery get ($.get (url)) загружает данные с сервера с помощью HTTP-запроса. 
    $.get( () - это краткая форма метода $.ajax()
    $.get("ajax/get_test.php",{ name:txtname, location: txtlocation },function(ajaxresult){
    $.ajax({url:"ajax/get_test.php",data:{name:txtname, location: txtlocation },success: function(ajaxresult){
    
           $.get( url, [data], [callback function], [type] )
    URL:  это строка, указывающая сервер, на который отправляется запрос. Это обязательный параметр метода get.
    data:  отправить данные для отправки на сервер вместе с HTTP-запросом. Например, данные, которые будут использоваться для запроса идентификатора пользователя / пароля с сервера базы данных. Для чего сценарий может быть написан по указанному URL. Это необязательный параметр метода get .
    callback function:  необязательный параметр. Если запрос успешен в  методе get , эта функция будет выполняться, если она указана. Он также содержит данные, возвращенные сервером.
           Функция обратного вызова Callbackfunction(data, status, xhr)
    Data  = возвращенные данные с сервера.
    Status  = возвращает статус запроса, т.е. успех, ошибка, тайм-аут, не изменен.
    xhr = он содержит объект XMLHttpRequest. В случае Internet Explorer по умолчанию используется ActiveXObject. В противном случае XMLHttpRequest.
    dataType:  указывает тип данных, возвращаемых сервером функции обратного вызова. Возвращаемые данные в функции post могут быть в следующих формах:   текст, HTML, скрипт, XML, JSON, JSONP.
    

    Пример 1

    <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script> <script> $(document).ready(function(){ $("#loaddata").click(function(){ $.get("ajax/ajaxexample.php",function(ajaxresult){ $("#getrequest").html(ajaxresult); }); }); }); </script> <button id="loaddata">Загрузить данные для getrequest Div</button> <div>Нажмите кнопку, чтобы загрузить данные, возвращенные AJAX.</div> <div id="getrequest"></div> ====================== ajax/ajaxexample.php ====================== Это текст, загруженный для примера ajax! Это использовал метод $.ajax () и отображал загруженную информацию для указанного Div
    Нажмите кнопку, чтобы загрузить данные, возвращенные AJAX.

    Пример 2

    <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script> <script> $(document).ready(function(){ $("#loaddata").click(function(){ txtname=$("#txtinput").val(); txtlocation=$("#txtlocation").val(); $.get("ajax/get_test.php",{ name:txtname, location: txtlocation },function(ajaxresult){ $("#getrequest").html(ajaxresult); }); }); }); </script>Enter Name: <input type="text" id="txtinput"><br /> Enter Location: <input type="text" id="txtlocation"><br /> <button id="loaddata">Click to send request to get_test.php</button> <div id="getrequest"></div> ====================== get_test.php ====================== $get_name=$_REQUEST["name"]; $get_location=$_REQUEST["location"]; if( $get_name ) { echo "Name entered is: ". $get_name ."<br>"; echo "Location:" .$get_location; } Enter Name:
    Enter Location: