Метод $.get позволяет отправлять данные на сервер и получать их, используя общеизвестный метод GET – отправка параметров происходит через адресную строку.
Api функции get подробно описано на официальном сайте.
Вот что написано в официальной документации о методе Get
|
1 2 3 4 5 6 |
$.ajax({ url: url, data: data, success: success, dataType: dataType }); |
success это функция обратного вызова. data – параметр, через который мы можем передавать данные на сервер.
Посмотрим на некоторые примеры применения этой функции.
|
1 2 3 4 5 6 7 |
$(function(){ $('button').on('click',function(){ $.get('ajaxServerAnswer.php',function(data){$('#mydiv').html(data);}); }); //button }); //function |
Данный пример загружает в div данные с сервера.
Передача параметров
App.js
|
1 2 3 4 5 6 7 8 9 10 |
$(function(){ $('button').on('click',function(){ $.get('ajaxServerAnswer.php',{property1:'someValue1', property2:'someValue2'},function(data){$('#mydiv').html(data);}); }); //button }); //function |
ajaxServerAnswer.php
|
1 2 3 4 5 6 7 8 9 |
<?php $myVar1=$_REQUEST['property1']; $myVar2=$_REQUEST['property2']; echo "<hr/>"."hello it is ajax Answer<br>"."property1= ".$myVar1."<br>"."property2= ".$myVar2."<br>"; echo "I believe"; ?> |
Уточнение типа данных
Допустим, у нас на сервере есть некоторый объект json, либо данные, которые мы кодируем в json и отправляем клиенту, например так…
ajaxServerAnswer2.php
|
1 2 3 |
<?php echo json_encode(array("par1"=>"value1","par2"=>"val2")); ?> |
App.js
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
$(function(){ $('button').on('click',function(){ $.get('ajaxServerAnswer.php', function(data) {$('#mydiv').empty().append(data.par1+'<br>'+data.par2+'<br>');}, 'json' // <<указываем тип данных );//get }); //button }); //function |