欢迎光临
我们一直在努力

程序员当<form>'.submit'函数被覆盖时(使用Ajax)将数据获取到php吗? – javascript

程序员面试经验

我已覆盖此网页上表单的.submit函数,因为该网页已加载在“ index.php”中的#mainContent内,并且我希望“提交”按钮仅替换此#mainContent。

我正在尝试将数据从此表单获取到.php文件,以便对数据库进行查询(或简单地回显已填充的变量,以指示已传递数据)。

我是AJAX的新手。有人可以向我解释如何将数据传递到.php文件,或者指向要提供一些澄清信息的资源吗?

现在,我只是试图将字符串传递给变量,然后将其回显。

有人可以澄清“数据:{thisElement:notThisOne}”中的第一个元素是什么吗?它是表单中属性的“名称”吗?变量的名称将传递给’url:’中的php脚本?

感谢您澄清这一点。

这是我的“ search.html”文件(嵌入在另一个“ index.php”文件中):

  <!DOCTYPE html>   <html>   <head>    </head>   <body>      <div class="main" data-role="content" id="main">         <div id="holder">            <h1>Search</h1>             <div class="left">                <form name="searchForm" id="searchForm" onsubmit="return false;">                <fieldset data-role="controlgroup" data-type="horizontal" data-role="fieldcontain">                  <legend><h3>Course</h3></legend>                  <select name="courseSelect" id="courseSelect" name="courseSelect">                     <option value="*">All</option>                     <option value="COMM2216">COMM-2216</option>                  </select>               </fieldset>                   <p>               <fieldset data-role="controlgroup" data-type="horizontal" data-role="fieldcontain">                        <legend><h4>Type:</h4></legend>                        <input type="radio" name="lecLab" value="lec" id="lec"/>                           <label for="lec">Lecture</label>                        <input type="radio" name="lecLab" value="lab" id="lab">                           <label for="lab">Lab</label>                        <input type="radio" name="lecLab" value="*" id="both" checked="checked">                           <label for="both">Both</label>                      <p>                     </fieldset>                     <input type="submit" value="Go">                </form>             </div>         </div>      </div>   <script src="./scripts/searchGo.js"></script>   </body>   </html>    

“ searchGo.js”:

  $(document).ready(function() {      $("#searchForm").submit(function(e)         {         //e.preventDefault();         $.ajax({            type: "POST",            url: "./scripts/php_test.php",            data: {courseSelect: "Lecture, or Lab?"},            success: function(){               alert($lecOrLab);               $("#holder").load("./scripts/php_test.php");                          }         }) ;      });   }); 

最后,’php_test.php’:

  <html>   <head>   </head>   <body>   <?php       $courseSelect = $_POST['courseSelect'];       echo ($courseSelect);   ?>   </body>   </html> 

我是否在php_test.php中错误地收集了数据?还是在“ data:{}”(searchGo.js的)中错误地分配了它?

感谢您的澄清。

参考方案

首先,您不应该使用POST执行搜索,也没有修改状态(删除或更新记录)。请改用GET请求。

ajax请求中的数据就是您想要传递给请求的数据。使用jQuery序列化将一组表单元素编码为提交字符串。

$.ajax({        type: "GET",        url: "./scripts/php_test.php",        data: $("#searchForm").serialize(),        success: function(data){          $("#holder").html(data);                      } }); 

现在,在您的php文件中,您应该查看$ _GET。像这样:

$courseSelect = $_GET['courseSelect'];  //now query your db and return your results based on your form  fields.  

使用php重新加载内容 – javascript

在对网站进行编程时,我以前使用过此代码,它可以完美工作,但是现在当我想使用一些Flash部件时,每次单击链接时,它都会重新加载所有网站。源代码: <!DOCTYPE html> <html> <head> <title>Hot King Staff</title> <meta charset=…

用jQuery填充模式形式 – javascript

我正在将订单表从数据库绘制到datatables(jquery插件)中。我要在每笔最后一笔交易或每笔交易中增加付款。问题是,如何获取单击添加付款按钮以添加付款的行的订单ID。其次,当点击addpayment时,它会弹出一个带有字段或订单号的模态表单。我想用在td中找到的订单ID填充该字段,并使其不可编辑或隐藏,但在提交模态表单时将其发布到服务器。表格和模式表…

保留文本区域的数据或值,然后选择输入 – javascript

通过$ _POST提交表单时,输入文件值仍然保留。像这样: if($_POST){ $error = false; if(!$post['price']){ $error = true; $error_note['price'] = "*Should not be empty"; } if($err…

混合码错误 – javascript

好的,我在网站上为用户个人资料提供了一个基本的多合一页面,如下所示:<?php if($_GET['p']=='pb'){ echo '<p>pb</p>'; }elseif($_GET['p']=='example2'){ ec…

带有AJAX和DOM处理API的下拉菜单 – javascript

我从API获取数据,但未在我的下拉菜单中显示。如果我用?act=showprovince回显,结果就在那里。example.html<head> <link rel="stylesheet" type="text/css" href="css/normalize.css"> …

赞(0)
未经允许不得转载: 京大飞辅助网程序员面试-区块链javago面经 » 程序员当<form>'.submit'函数被覆盖时(使用Ajax)将数据获取到php吗? – javascript

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址