Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/404.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用JSON检索的数据填充HTML表单_Javascript_Json_Ajax_Autocomplete - Fatal编程技术网

Javascript 使用JSON检索的数据填充HTML表单

Javascript 使用JSON检索的数据填充HTML表单,javascript,json,ajax,autocomplete,Javascript,Json,Ajax,Autocomplete,我在尝试使用JSON数据自动完成建议字段时遇到了麻烦,JSON数据是使用JavaScript请求函数返回的 HTML标记: <div class="form-group row"> <label class="col-lg-4 col-form-label" for="paisesOrigem">Pa&iacute;s de Origem:</label> <div cl

我在尝试使用JSON数据自动完成建议字段时遇到了麻烦,JSON数据是使用JavaScript请求函数返回的

HTML标记:

<div class="form-group row">
    <label class="col-lg-4 col-form-label" for="paisesOrigem">Pa&iacute;s de Origem:</label>
    <div class="col-lg-8">
        <select class="js-search-pais multiple-select2 form-control" id="paisesOrigem" name="paisesOrigem[]" multiple="multiple">
            <option value='0'>- Search country -</option>
        </select>
        <span class="help-block" id="hint_paisesOrigem">
        Insira o pa&iacute;s de origem do produto
        </span>
    </div>
</div>  
当我试图检索历史数据以完成表单上的所有字段时,我使用以下代码:

        $.ajax( {
            url: 'search.php',
            dataType: 'json',
            data: {
                    'search': encodeURIComponent(e.value),
                    'searchType' : "5",
                    'outputType' : "3",
                    'type': 'public'
            },
            success: function (data,status,xhr) {
                $.each(data['results'], function(i,v) {
                    //alert('v.id = ' + v.id + '\nv.text = ' + v.text);
                    $('input[name='+v.id+']').val(v.text);
                });
            },
上述命令的结果JSON输出为:

{"results": [{"id":"dataPeriod", "text": "07/07/2020 - 26/08/2020" },{"id":"paisesOrigem", "text": "249,23" }]}
值得一提的是,由于dataPeriod是一个公共文本字段,因此没有与之相关的问题。但paisesOrigem并没有像我预期的那样完成

是否有任何方法可以管理此代码以使用来自JSON的数据完成建议字段?需要注意的是,在这种情况下,有两个国家代码与249和23关联,因此该字段应自动填写这两个国家的名称

        $.ajax( {
            url: 'search.php',
            dataType: 'json',
            data: {
                    'search': encodeURIComponent(e.value),
                    'searchType' : "5",
                    'outputType' : "3",
                    'type': 'public'
            },
            success: function (data,status,xhr) {
                $.each(data['results'], function(i,v) {
                    //alert('v.id = ' + v.id + '\nv.text = ' + v.text);
                    $('input[name='+v.id+']').val(v.text);
                });
            },
{"results": [{"id":"dataPeriod", "text": "07/07/2020 - 26/08/2020" },{"id":"paisesOrigem", "text": "249,23" }]}