<html>
<head>
<title>Testing AJAX</title>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script>
function init() {
$("#form1").submit(submitForm);
}
function submitForm() {
var paramValue = $("#param_input").val();
$.ajax({
type: "GET",
url: 'http//xxx.edu/xxx/autocomplete.php',
data: {
query: paramValue
},
dataType: "json",
complete: function(data){
alert(JSON.stringify(data));
}
});
}
// On page load
$(document).ready(init);
</script>
</head>
<body>
<form id="form1" name="form1_name" action="" >
<label for="find">Value</label>
<input type="text" name="param" id="param_input" />
<input type="submit" name="button" id="button" value="Find">
</form>
</body>
</html>
Я действительно хочу, чтобы иметь возможность запросить мой PHP скрипт (который возвращает JSON
через json_encode()
) и использовать эту информацию JSON
.JQuery Ajax запрашивая PHP скрипт
Сейчас окно предупреждения говорит следующее:
{"readyState":0,"responseText":"","status":0,"statusText":"error"}
Так что я делаю что-то неправильно. Есть идеи? Я все новичок в AJAX/jQuery.
EDIT: добавлена DATATYPE: "JSON", но это не помогло - все равно возвращался неправильный материал JSON ...
ли вызов на одного источника сценария, т.е. сценарий будучи побежал на том же сервере, что и тот, который создает страницу, которая вызывает $ .ajax? – CBusBus
Вы проверили (в firebug, fiddler, ...), если php-скрипт возвращает действительные/любые данные? – roberkules