Использование Get HTTP Request с использованием Jquery и Ajax - PullRequest
Новая
       4

Использование Get HTTP Request с использованием Jquery и Ajax

0 голосов
/ 21 ноября 2011

У меня есть приведенный ниже код, и я пытаюсь передать данные с помощью GET HTTP-запроса, используя Jquery и Ajax.Когда вы наберете «Пример» в текстовом поле и нажмете «Перейти», я ожидаю, что «пример» вернется в блок обратной связи.Ничто не возвращается, хотя.Я был бы признателен за любую помощь, почему это не будет работать.Спасибо.

Имя файла «trial.php» 

<body>
<script type="text/javascript" src="jquerycode.js"></script>
<script type="text/javascript" src="ajax.js"></script>
<input id = "string" type = "text" /> 
<input id = "button" type = "button" value = "Go" />
<div id = "feedback"></div>
</body>

Имя файла «ajax.js» 

$('#button').click(function()
{
var string = $('#string').val();

$.get('file.php', { input: string }, function(data) {  
$('#feedback').text(data);
});
});

Имя файла «file.php»

<?php
if(isset($_GET['input']))
{
$string = $_GET['input'];
echo strtolower($string);
}
?>

Ответы [ 3 ]

1 голос
/ 21 ноября 2011 
If you were not included any jquery file then please use any of jquery.min.js file at the top scipt function within <head> tage like:

<script src="jquery-1.3.2.min.js" language="javascript" type="text/javascript"></script>

And then modify your javascript function as given:

$(document).ready(function(){
$('#button').click(function(){
  var string = $('#string').val();

  $.get('file.php', { input: string }, function(data) {  
     $('#feedback').text(data);
   });
  });
});
1 голос
/ 21 ноября 2011

Оберните ajax.js событием document.ready: 

$(document).ready(function () {
    $('#button').click(function () {
        var string = $('#string').val();

        $.get('file.php', { input: string }, function (data) {  
            $('#feedback').text(data);
        });
    });
});
0 голосов
/ 21 ноября 2011 
    /*Try this*/
    $(document).ready(function(){
    $('#button').click(function()
    {

    var dataToSend={ input:$('#string').val() };

    $.ajax(url:'file.php', data:dataToSend,dataType:'html',type:'GET',success:function(data) {  
    $('#feedback').text(data);
    });
    });
});
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...