javascript - 在表单中使用javascript时如何获取值

Question

关闭。此题需要 details or clarity 。目前不接受答案。

---

想要改进这个问题吗？通过 editing this post 添加详细信息并澄清问题.

已关闭 8 年前。

Improve this question

我是java脚本的初学者，我想使用java脚本将我的值发送到另一个页面。

我的代码:

<form  id="contact-form" method="post" enctype="multipart/form-data">              
   <fieldset>
       <label><span class="text-form">name</span><input name="name"  type="text" /></label>
       <label><span class="text-form">email</span><input  type="text" /></label>   
       <label><span class="text-form">phone</span><input  name="mobile" type="text" /></label>     
       <div class="wrapper"><div class="text-form">comment</div><textarea id="nazar"></textarea></div>
        <div class="buttons">
            <a class="button" href="#" onClick="document.getElementById('contact-form').reset()">refresh</a>
            <a class="button"href="savenazar.php" onClick="document.getElementById('contact-form').submit()">send</a>
        </div>                             
     </fieldset>                        
  </form>

现在我怎样才能获取savenazar.php中的姓名、电话..值页？

Answer 1

以下代码将帮助您实现您正在寻找的内容，并且它使用 AJAX 来实现，因此无需刷新页面

<form  id="contact-form" method="post" enctype="multipart/form-data">              <fieldset>
   <label><span class="text-form">name</span><input name="name"  id="name" type="text" /></label>
   <label><span class="text-form">email</span><input id="email" type="text" /></label>   
   <label><span class="text-form">phone</span><input id="mobile" name="mobile" type="text" /></label>     
   <div class="wrapper"><div class="text-form">comment</div><textarea id="nazar"></textarea></div>
    <div class="buttons">
        <a class="button" href="#" onClick="document.getElementById('contact-form').reset()">refresh</a>
        <a class="button id="submit">send</a>
    </div>                             
 </fieldset>                        
  </form>

将以下js添加到您的文件中或包含它

$('#submit').click(function() {
name = document.getElementById('name').value;
email = document.getElementById('email').value;
mobile = document.getElementById('mobile').value;
$.post('savenazar.php', {'name': name, 'email': email, 'mobile'" mobile}, function(data) {

   var parsed = JSON.parse(data);

    var html = 'HTML to show when data is passed';
<!-- following are your divs -->
$('#requestStatus').append(html);
 }).success(function() {
    $('#comment').val('');
    $('#sentSuccess').html('data Sent!').show().delay(5000).fadeOut();
}).fail(function() {
    $('#sentFailed').html('data not sent').show().delay(5000).fadeOut();
});

});

//在 savenazar.php 中

<?php
$name = $_GET['name'];