使用Jquery和Ajax使用Get HTTP Request

Question

我有以下代码，并尝试使用Jquery和Ajax通过GET HTTP请求传递数据。 当在文本框中输入“Example”并单击“Go”时，我希望“example”返回到反馈div中。 但是没有任何东西被归还。 我将不胜感激为什么这不起作用。 谢谢。

文件名是“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);
}
?>

Answer 1

用document.ready事件包装ajax.js：

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

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

Answer 2

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);
   });
  });
});

Answer 3

    /*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);
    });
    });
});