如何使用ajax发送数据并显示不同的值？

Question

首先，如果我不能正确解释这个问题，我想说对不起。

我这里有一个js代码：

$('#myHref').change(function(){
    var value = $('#myHref').val();
    $.get('get_projectName.php',{id:value},function(data){
        $('#projectDetail').html(data);
    }); 
});

让get_projectName.php包含$a=5; $b=10; $c=15;

我想要显示：

• $a=5作为S.N.的值。 inputfield
• $b=10作为Detail inputfield的值
• $c=15作为Sector inputfield的值。

<input type="text" value="value of $a here">
<input type="text" value="value of $b here">
<input type="text" value="value of $c here">

Answer 1

在jQuery中设置<input>的值：

$( 'input' ).val("Enter value here");

如果您想知道如何从PHP向AJAX函数提供数据，只需echo响应。它将是您data成功回调中.get的值。您可能需要对数据进行JSON编码：

在你的PHP中，在你有$ a，$ b和$ c之后把它放在最后（并且在此行之前不要echo /输出任何内容）：

die(json_encode(array(
    'a' => $a,
    'b' => $b,
    'c' => $c
)));

您将在JS中收到JSON。解析它以获取值，然后将<input>值设置为它们：

$.get('get_projectName.php', {
  id: value
}, function(data) {
  data = JSON.parse(data);
  $( '#inputA' ).val(data.a);
  $( '#inputB' ).val(data.b);
  $( '#inputC' ).val(data.c);
});

Answer 2

您可以在这些输入字段中添加ID吗？

<input id="sn" type="text">
<input id="detail" type="text">
<input id="sector" type="text">

$('#myHref').change(function(){
    var value = $('#myHref').val();
    $.get('get_projectName.php',{id:value},function(data){
        $('#projectDetail').html(data);
        $('#sn').val(data.a);
        $('#detail').val(data.b);
        $('#sector').val(data.c);
    }); 
});