Jquery와 Ajax를 사용하여 HTTP 요청 받기

아래 코드를 가지고 있으며 Jquery와 Ajax를 사용하여 GET HTTP 요청으로 데이터를 전달하려고합니다. 텍스트 상자에 "Example"을 입력하고 "Go"를 클릭하면 "example"이 피드백 div로 돌아올 것으로 예상됩니다. 아무것도 반환되지 않습니다. 왜 이것이 작동하지 않는지에 대한 도움을 주시면 감사하겠습니다. 감사.Jquery와 Ajax를 사용하여 HTTP 요청 받기

파일 이름

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

출처

2011-11-21 stevieD

아마, 당신은 무슨 일이 일어나고 있는지 확인하기 위해 PHP 측에서 데이터를 인쇄 할 수 있습니다. 가변 문자열을 호출하면 너무 많은 미친 오류가 발생할 수 있습니다. – lc2817

방화 광으로 확인 했습니까? 무슨 결과 야? –

'print_r ($ string)'을하면 무엇을 얻게 될까요?'console.log (data)'또는'alert (data);를 사용하여'GET'요청의 성공 콜백 안에서 무엇을 얻을 수 있는지 확인하십시오. – Rafay

랩이다 "trial.php"입니다 document.ready 이벤트가있는 ajax.js :

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

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

출처

2011-11-21 05:45:33 mc10

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

출처

2011-11-21 05:47:19

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

출처

2011-11-21 06:03:30

Jquery와 Ajax를 사용하여 HTTP 요청 받기

답변

관련 문제