首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >通过JS函数张贴输入字段值

通过JS函数张贴输入字段值
EN

Stack Overflow用户
提问于 2012-07-13 20:04:32
回答 3查看 176关注 0票数 1

我很难通过JS函数返回输入字段值。它确实返回一个值,但它添加了不必要的信息。在没有其他东西的情况下,如何回显输入值?示例

JS

代码语言:javascript
复制
   <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>

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

代码语言:javascript
复制
<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>
EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2012-07-13 20:09:14

将echo语句更改为:

代码语言:javascript
复制
echo ('What you type:&nbsp;&nbsp; <b><span id="resultval">'.$url.'</span></b>');

将响应方法主体更改为:

代码语言:javascript
复制
$('#special').append('<p>' +  $('#resultval', result).html() + '</p>');
票数 1
EN

Stack Overflow用户

发布于 2012-07-13 20:08:43

您似乎要将AJAX提交到一个标准页面,并与表单一起完成。您最好只使用常规的<form>,而不是AJAX,它将按照您的预期工作。

票数 2
EN

Stack Overflow用户

发布于 2012-07-13 20:09:30

使用Json方法而不是回显简单的php

代码语言:javascript
复制
echo json_encode($rl);

在JS中,在ajax调用完成后,解码json编码的字符串并使用它。

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/11477578

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档