如何使用jquery将行名从php传递给ajax

时间:2013-10-08 11:56:22

标签: javascript php jquery ajax

我有一张表格,其中详细信息来自数据库。

if(mysql_num_rows($sql) > 0) 
{
    $row_count_n=1;
    while($rows=mysql_fetch_assoc($sql))
    {
        extract($rows);
        $options1 = select_data_as_options("project_resources", "name", $resource_allocated);
        $options2 = select_data_as_options("project_roles", "name", $role);
        echo "<tr>";
        echo "<td><select name='ra_$row_count_n'><option value=''>-- Select --$options1</option></select></td>";
        echo "<td><select name='role_$row_count_n'><option value=''>-- Select --$options2</option></select></td>";
        echo "<td><input type='text' name='start_date_tentative_$row_count_n' class='date_one' value=$tentatively_starts_on /></td>";
        echo "</tr>";
        $row_count_n++;
    }
}

我想在需要时更新表,使用Ajax通过使用Jquery从表单中收集数据并在按钮单击时保存它来执行此操作。

$("#save_changes_id").click(function() 
{
    //  To retrieve the current TAB and assign it to a variable ...
    var curTab = $('.ui-tabs-active'); // in NEWER jQueryUI, this is now ui-tabs-active
    var curTabPanelId = curTab.find("a").attr("href");

    if(curTabPanelId == "#tab_dia")
    {
        var curTab = $('#sub_tabs .ui-tabs-active');
        var curTabPanelId = curTab.find("a").attr("href");
    }
    responseData = doAjaxCall($(curTabPanelId + " form"));

    if(responseData == 1) 
        showMessage('status_msg', 'Project details updated successfully', 'green');
    else
        showMessage('status_msg', 'Error: Please check all the fields', 'red');

}); 

function doAjaxCall(objForm) 
{
    var values = objForm.serialize();
    $.ajax({
        url: ajaxURL,
        type: "post",
        data: values,
        async: false,
        success: function(data)
        {
            responseData = data;
        },
        error:function()
        {
            alert('Connection error. Please contact administrator. Thanks.');
        }
    });

    return responseData;
}

Ajax代码如下:

case "allocate_ba_details":

for($i=1; $i<=$row_count; $i++) 
{
    $resource = $_REQUEST["ra_$i"];
    $role = $_REQUEST["role_$i"];
    $start_date_tentative = $_REQUEST["start_date_tentative_$i"];
    $already_available_check = mysql_num_rows(mysql_query("select * from project_allocate_ba where project_id = $pdid"));

    if($already_available_check > 0) 
    {
        $sql = ("UPDATE project_allocate_ba SET resource_allocated='$resource', role='$role', tentatively_starts_on='$start_date_tentative' WHERE project_id=$pdid");   
    }
}

echo $sql;
break;

由于我是新手,我不知道如何传递行名以更新特定行。 请提出解决方案。提前谢谢。

2 个答案:

答案 0 :(得分:0)

首先使用PDO或一些具有良好API的php框架来使用mysql。第二个不使用jquery中的成功/错误回调太不推荐了。实际使用完成/失败。总是。 我知道你想要从服务器的html表数据更新行? 成功回调只需使用jquery对象的jquery文本方法更新表。你没有粘贴所有代码所以我写了例子:

在server.php中

<?php
[...]
$already_available_check = mysql_num_rows(mysql_query("select * from project_allocate_ba where project_id =" . intval($pdid)));
[...]
echo $already_available_check; 
?>

此代码返回整数,因此在doAjaxCall中:

function doAjaxCall(objForm) 
{
    var values = objForm.serialize();
    $.ajax({
        url: ajaxURL,
        type: "post",
        data: values,
        async: false,
        success: function(data)
        {
            if(typeof data !== 'undefined' && $.isNumeric(data)) {//check that server send correct anserw
               $('whereIsData').text(data);
            }
        },
        error:function()
        {
            alert('Connection error. Please contact administrator. Thanks.');
        }
    });

}

现在,在成功方法中,您使用文本方法填充一些DOM元素。你不能简单地从ajaxCall方法返回数据,因为$ .ajax是异步方法,而responseData只有在ajax请求结束时才有值,所以总是在你的例子中返回undefined。您必须以成功回调方法向用户显示responseData。

答案 1 :(得分:0)

一方面......

$sql = ("UPDATE project_allocate_ba SET resource_allocated='$resource', role='$role', tentatively_starts_on='$start_date_tentative' WHERE project_id=$pdid")

需要$ pdid周围的单引号

也不要回显$ sql。而是进行检查并形成回应。

$response = array();

if(EVERYTHING_IS_GOOD){
  $response['status'] = 'good to go';
}else{
  $response['status'] = 'it went horribly wrong';
}

echo json_encode($response);