Question

我有下面显示的脚本，它显示了数据库中带有按钮的记录列表，点击时触发了一个jquery模式框，其中包含允许某人输入数据的表单。
当您单击模态表单上的按钮时，数据将通过php脚本写入数据库。

我的问题是php脚本没有被执行（参见第一个脚本下的javascript 警报（数据）弹出单词null。

目前，php文件包含以下内容：echo json_encode("php script goes here");

任何帮助都会受到赞赏。

感谢
克里斯

HEADER INFO

<script type="text/javascript" src="newRequest.js"></script>    
<script type="text/javascript">

$(document).ready(function() {
    $("#requestForm").dialog({
        autoOpen: false,
        height: 500,
        width: 500,
        modal: true
    });

    $("#projreq").click(function(event) {
        event.preventDefault();
        $("#requestForm").dialog("open")
    });

    checkFormData();
}); //end of ready

BODY INFO

<div id="jobList"> 

<form>  

<?php

$query = 'SELECT project_name,submit_date,status,cost FROM requests';  

while ($results->fetch())  
  {  
    echo $project_name  
    echo $submit_date 
    echo $status  
    echo $cost  
   }  
   echo  '<input type="submit" name="projreq" id="projreq" value="Submit a project request"/>';  
 ?>  
</form>  
</div>

MODAL POPUP

<div id="requestForm" title="New Request Form" style="display: none;" >  
    <form  method="" action=""  name=requestFormData id=requestFormData>  

    <table>  
        <tr>  
            <td>First Name: input type=text name = firstName id=firstName> </td>  
            <td>Last Name: input type=text lastName = name id=lastName> </td>  
        </tr>  
        <tr>
            <td>  
            <button name="newprojreq" id="newprojreq" >Submit request Form</button>  
            </td>
        </tr>
    </table>  

    </form>  
</div>

JAVASCRIPT（newRequest.js）用于从MODAL POPUP到数据库写入数据

functionData() {

    $("#newprojreq").click(function() {
        data = $("#requestFormData").serialize();
        alert(data);

        $.ajax({
            URL: 'writeFormData.php',
            //url: 'test1.txt',
            data: 'data',
            dataType: 'json',
            success: function(data) {
                alert(data);
            }
        });
    });

} //end of  checkFormData

Answer 1

url应为小写，否则无效。

改变这个：

$.ajax({
   URL: 'writeFormData.php',

对此：

$.ajax({
    url: 'writeFormData.php',

以下是关于.ajax和.post的啧啧：jQuery.ajax and jQuery.post Form Submit Examples with PHP

将表单数据在jquery-ui模式弹出框中写入数据库

1 个答案: