首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >尝试从AJAX中的文本框中获取值并将其发送到新页面

尝试从AJAX中的文本框中获取值并将其发送到新页面
EN

Stack Overflow用户
提问于 2019-04-10 05:00:58
回答 4查看 233关注 0票数 0

在使用ajax将值放入textbox并将其发布到另一个.php文件时出现问题。我以前用复选框做过一次,但是无法复制我的结果。这是问题中文本框的代码。

代码语言:javascript
运行
复制
<div align = "right">
    <div class = ='text'>
    <span style="float:right;"><strong> Status Report Date</strong> 


    <label for="from">From</label>
    <input type="text" id="from" name="from">
    <label for="to">to</label>
    <input type="text" id="to" name="to">
    <div id="dates"></div>

这些是我的日期选择框,因为我附加了一个数据采集脚本到他们,但认为他们作为正常的文本框。

下面是从文本框中获取值的脚本

代码语言:javascript
运行
复制
 $(document).ready(function(){  
    $('input[type="text"]').click(function(){  
       var from = $(this).val();  
       $.ajax({  
            url:"sortByDates.php",  
            method:"POST",  
            data:{text:text},  
            success:function(data){  
                 $('#dates').html(data);  
            }  
       });  
      });  
 });   
 </script>

下面是我试图将值发送到的.php文件。

代码语言:javascript
运行
复制
   <?php
    if (isset($_GET['pageSubmit'])) {
   $firstDate= $_POST['from'];
$lastDate= $_POST['to'];

   echo $firstDate;
   echo $lastDate;

  }
EN

回答 4

Stack Overflow用户

回答已采纳

发布于 2019-04-10 05:23:13

我觉得你失去了注意力..。检查这段代码

代码语言:javascript
运行
复制
<div alight = "right">
<div class='text'>
<span ><strong> Status Report Date</strong> 
<label for="from">From</label>
<input type="text" id="from" name="from">
<label for="to">to</label>
<input type="text" id="to" name="to">
<div id="dates"></div>
<button id="submit">click</button>

Jquery

代码语言:javascript
运行
复制
<script>
 $(document).ready(function(){  
    $('#submit').click(function(){  
        var from = $('#from').val();  
        var to = $('#to').val(); 
         ps = "submit";




     $.ajax({  
            url:"sortByDates.php",  
            method:"POST",  
            data:{pageSubmit: ps,from:from, to: to},  
            success:function(data){  
                 $('#dates').html(data);  
            }  
       });  
      });  
 });   

php脚本

代码语言:javascript
运行
复制
<?php
   if (isset($_POST['pageSubmit'])) {
        $firstDate= $_POST['from'];
        $lastDate= $_POST['to'];
        echo $firstDate;
        echo $lastDate;

  }
?>
票数 1
EN

Stack Overflow用户

发布于 2019-04-10 05:06:10

未定义在{text:text}节中使用的变量"text“。因此,不会发送任何数据。

除此之外,这里还有其他问题,您想要同时发送这两个值吗?您的代码看起来不支持这一点。您确实希望在用户单击textbox时发生这种情况吗?

票数 0
EN

Stack Overflow用户

发布于 2019-04-10 05:08:05

首先在输入中添加value="“

然后,在js代码中,您将发送"text“变量,该变量未定义为"from”。

因此,尝试添加:data:{text:from}

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

https://stackoverflow.com/questions/55605003

复制
相关文章

相似问题

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