Запись данных формы в модальном всплывающем окне jquery-ui в базу данных

Question

У меня есть сценарий, показанный ниже, который отображает список записей из базы данных с кнопкой при нажатии запускает модальное окно jquery с формой, позволяющей кому-либо вводить данные.
Когда вы нажимаете кнопку на модальной панелиЕсли данные записываются в базу данных через скрипт php.

Моя проблема в том, что скрипт php не выполняется (см. javascript под первым скриптом.
Предупреждение (данные) всплывает сword null.

На данный момент php-файл имеет следующее значение: echo json_encode("php script goes here");

Любая помощь приветствуется.

Спасибо
Крис

---

ИНФОРМАЦИЯ О ЖАТКЕ

<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​​​

---

ИНФОРМАЦИЯ ДЛЯ ТЕЛА

<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) ИСПОЛЬЗУЕТСЯ ДЛЯ ЗАПИСИ ДАННЫХ ИЗ МОДАЛЬНОГО 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Примеры форм jQuery.post с PHP