2012-07-13 30 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编码的字符串并使用它