2012-07-13 50 views
2

我在通過JS函數返回輸入字段值時遇到困難。它確實會返回一個值,但會增加不必要的信息。我怎樣才能在沒有其他事情的情況下回應輸入值? EXAMPLE通過JS發佈輸入字段值函數

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');''。 – Engineer 2012-07-13 20:20:57

回答

3

更改回聲聲明:

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

變化的響應方法體:

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

一些如何回聲('你輸入的內容:    '。$ url。'');'給我一個語法錯誤:'意外的T_STRING' – CodingWonders90 2012-07-13 20:42:36

+0

對不起,錯誤的地方。我修改了輸入錯誤的帖子。 – 2012-07-13 20:47:14

+0

我的錯誤,使用.html()。 .val()似乎不適用於span。 D'哦。 – 2012-07-13 21:02:37

2

你似乎將AJAX提交到標準頁面,並填寫表單。你最好使用普通的<form>,不要使用AJAX,它會按照你的預期工作。

2

相反呼應的純PHP使用JSON方法

echo json_encode($rl); 

,並在JS後ajax調用完成解碼json編碼的字符串並使用它