2012-07-13 3 views
2

JS 함수를 통해 입력 필드 값을 반환하는 데 어려움이 있습니다. 값을 반환하지만 불필요한 정보를 추가합니다. 다른 것들없이 입력 값을 어떻게 되풀이 할 수 있습니까? EXAMPLEJS 함수를 통해 입력 필드 값 게시

JS

<script> 
    $(function() { 

    $(".submit").click(function() { 

     var name = $("#name").val();     
     var dataString = 'name='+ name; 

       $.ajax({ 
       type: "POST", 
       url: "jqueryform.php", 
       data: dataString, 
       success: function(result){ 
       $('#special').append('<p>' + result + '</p>') 

        } 

       }); 
       return false; 
      });  

    }); 
    </script> 

PHP

<?php 
if($_POST){ 
    $url  = $_POST['name']; 
    echo ('What you type:&nbsp;&nbsp; <b>'.$url.'</b>'); 
    } 
?> 

HTML

당신은 것으로 보인다
<html> 
<input id="name" name="name" type="text" class="field text medium" value="" maxlength="255" tabindex="1" /> 

<input type="submit" value="Submit" style=" background:#0060a1; color:#FFFFFF; font-size:14px; border:1px solid #0060a1; margin-left:12px" class="submit"/> 

<div id="special"> </div> 

</html> 
+0

PHP에서'header ('Content-type : text/plain');를 추가하십시오. '예상치 못한 T_STRING' – Engineer

답변

3

변경 echo 문에 ajax 호출이 완료되면 json으로 인코딩 된 문자열을 디코드하고

을 사용하십시오.
+0

잘못된 장소. 오타가 수정 된 게시물을 편집했습니다. – CodingWonders90

+0

죄송합니다,에서 인용 : '나에게 구문 오류를주고있다; 어떤 방법'에코 (.. <스팬 ID = "resultval"> $ URL이는' '' 가   사용자가 입력하는 내용으로 ') –

+0

실수로 .html()을 사용하십시오. .val()은 span으로 작동하지 않는 것으로 보입니다. 오. –

2

AJAX를 표준 페이지에 제출하고 양식을 작성하십시오. 아마도 AJAX가없는 일반 <form>을 사용하는 것이 나을 것입니다. 정확히 예상대로 작동합니다.

$('#special').append('<p>' + $('#resultval', result).html() + '</p>'); 
2

대신 사용 JSON 방법

echo json_encode($rl); 

을 일반 PHP는 반향과 후 JS에서 :

echo ('What you type:&nbsp;&nbsp; <b><span id="resultval">'.$url.'</span></b>'); 

변화 대응 방법 본체 :