Question

目前我使用onlick event将一个值从ajax传递给php。这是我的onclick

<a href="#" id="<?php echo $row['cat_id'];?>" onclick="showCat(this.id)" >click </a>

这是我的ajax代码

function showCat(id) {
    //get the selected value

    //make the ajax call
    $.ajax({
        url: 'ajax_categ.php',
        type: 'GET',
        data: {option : id},
        success: function(data) {
           document.getElementById('meal').innerHTML =data;
        }
    });

}

我想要做的是，我想从ajax代码传递另一个值。这是我要传递的价值

<input type="text" value="<?php echo $resname;?>" name="another"  />

Answer 1

您可以使用$("input[name='another']").val()获取文本框值，并且可以将其传递给代码中提到的ajax调用参数。

function showCat(id) {
     var resname = $("input[name='another']").val();  //here you can getvalue of your textbox
    //make the ajax call
    $.ajax({
        url: 'ajax_categ.php',
        type: 'GET',
        data: {option : id, resname : resname},
        success: function(data) {
           document.getElementById('meal').innerHTML =data;
        }
    });

}

Answer 2

编辑您的函数，使其接受两个参数：

<a href="#" id="<?php echo $row['cat_id'];?>" onclick="showCat(this.id, '<?php echo $resname;?>')" >click </a>

function showCat(id, resname) {
    //get the selected value

    //make the ajax call
    $.ajax({
        url: 'ajax_categ.php',
        type: 'GET',
        data: {option : id, resname: resname},
        success: function(data) {
           document.getElementById('meal').innerHTML =data;
        }
    });

}

Answer 3

<强> 1。在all_task()

中传递两个参数

onclick="all_task('<?=$all?>','<?=$project_id?>');"

<强> 2。然后在Ajax文件中：

function all_task(val,project_id){

if(val!=''){

    $.ajax({
        type:"post",
        url:"ajax_alltask.php",
        data: '&all_val='+val+'&project_id='+project_id,
        dataType:"text",
        success:function(response){
            if(response!=''){
                $('.modal-body').html(response);
            }
        }
    });
 }
}

如何从ajax传递两个值

3 个答案: