在多个表单中提交一个表单ajax

时间:2018-06-18 10:17:54

标签: php ajax forms this unique

我已经潜伏了一段时间,但这是我的第一篇文章(并激励我注册),我搜索过无数帖子,但找不到最有效的解决方案。这是用户搜索数据库并可以选择将返回的结果添加到已保存位置的项目的一部分(将id,resid发布到单独的mysql表中)。

搜索功能在一个单独的php文件中,代码的相关部分在下面(我已经删除了很多格式化):

// Output HTML formats
    $html ='<tr >
      <form id="myForm" method="post">
        <input type="hidden" id="resid" name="resid" value="ther3sidd">
        <input type="hidden" id="lesid" name="lesid" value="liD1">
        <input type="button" id="submitFormData" onclick="SubmitFormData()" value="Submit" />
      </form>
         </tr>';

值“ther3sidd”和“liD1”将替换为搜索返回的项唯一的值,并且是数值。在面向用户页面上还会返回多个表单,这些表单都具有相同的myForm ID(但不同的lesid和resid)。

搜索结果将输出到用户所在的页面,并且可以按下按钮以使用下面的脚本将结果添加到mysql表中(存储在用户所在的页面中)。

function SubmitFormData() {       
    var lesid = $('input[name="lesid"]').val();
    var resid = $('input[name="resid"]').val(); 
    var dataString = {lesid: lesid, resid: resid}

    $.ajax({
        type: "POST",
        url: 'lesresadd.php',
        data: dataString, 
    })} 

下面是php文件lesresadd.php(没有连接信息)

$lessonid = $_POST['lesid'];
$resourceid = $_POST['resid'];

$sql = "INSERT INTO lessons_resources (lesson_id, resource_id)
VALUES ('$lessonid', '$resourceid')";

$result = $conn->query($sql)

代码工作正常并且可以将数据提交到mysql表,但是,主要问题是resid和lesid的值是搜索功能的第一个结果(而不是通过单击按钮选择的结果)。我知道我需要在变量的某处使用'this',但是,我不确定正确的语法。例如,我尝试了以下(及其上的许多变体):

var lesid = $this().('input[name="lesid"]').val();

但这不起作用。也许,我需要对代码做更多的事情,并不像在某处添加“this”那么简单。我是AJAX的新手,完全是从访问网站自学,就像堆栈溢出一样。任何建议都将不胜感激。

1 个答案:

答案 0 :(得分:0)

这不是最好的解决方案,但这里有:

$html = "";
$i = 1;
while($r = mysql_fetch_object($res))
{
    $html .='<tr>
        <input type="hidden" id="resid'.$i.'" name="resid" value="ther3sidd">
        <input type="hidden" id="lesid'.$i.'" name="lesid" value="liD1">
        <input type="button" class="submitFormData" onclick="SubmitFormData('.$i.')" value="Submit" />
         </tr>';
    $i++;
}

然后在你的JavaScript中:

function SubmitFormData(id) {       
    var lesid = $('#lesid'+id).val();
    var resid = $('#resid'+id).val(); 
    var dataString = {lesid: lesid, resid: resid}

    $.ajax({
        type: "POST",
        url: 'lesresadd.php',
        data: dataString, 
    })}