Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/83.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 如何将Ajax返回的数据显示为HTML_Javascript_Jquery_Html_Ajax_Dom - Fatal编程技术网

Javascript 如何将Ajax返回的数据显示为HTML

Javascript 如何将Ajax返回的数据显示为HTML,javascript,jquery,html,ajax,dom,Javascript,Jquery,Html,Ajax,Dom,我有以下javaScript函数: 函数fetch_items必须一次返回一些类似于stringvalue的数据。函数extract\u items($arr)将vlaue传递给fetch\u items function fetch_items($id){ $.ajax({ url: "<?=site_url("orders/find_item")?>", type: "POST", data: {

我有以下
javaScript函数
: 函数
fetch_items
必须一次返回一些类似于
stringvalue
的数据。函数
extract\u items($arr)
将vlaue传递给
fetch\u items

    function fetch_items($id){
    $.ajax({
        url: "<?=site_url("orders/find_item")?>",
        type: "POST",
        data: {
           ajax:true,
           item_id: $id
               },
        success:function(response){
            return response;
        }
    }); 
  }

function extract_items($values) {

    var $content_set = '';
    var $items_id = $values.split(",");

    var $len = $items_id.length;

    for(var $i=0; $i<$len; $i++){
    fetch_items($items_id[$i]);

    }  
return $content_set;
}
函数获取\u项($id){
$.ajax({
url:“”,
类型:“POST”,
数据:{
阿贾克斯:没错,
项目id:$id
},
成功:功能(响应){
返回响应;
}
}); 
}
函数提取\u项($value){
var$content\u set='';
var$items\u id=$values.split(“,”);
var$len=$items\u id.length;
对于(var$i=0;$iTry

函数获取\u项($id){
$.ajax({
url:“”,
类型:“POST”,
数据:{
阿贾克斯:没错,
项目id:$id
},
成功:功能(响应){
//返回响应;删除这一行,异步返回在这里没有帮助
//在此处找到相应的单元格并更新您的div
$(您的元素)。文本(响应)
}
});
}

您没有尝试使用
获取项目($items\u id[$i])的返回值;
$content\u set
的最终值应该是什么?这可以通过多种方式解决,具体取决于结果。“将我现在的id(11,2,6,8)转换为我通过ajax提取的名称”-你打算怎么做…?我的数据库中有
items
表,其中
item\u id
是1,2,3,4,因此当这个函数
fetch\u items($items\u id[$i]时,ajax将逐个读取)
传递该值。因此ajax响应一次一个项目,即extact项目名称。我还希望在页面完成加载或加载时将其显示在我的html表中。@TJ,请查看我的注释。何时调用ajax函数以及在何处调用ajax函数,@Saedawke这是ajax函数的成功回调。而不是返回e值,直接将其更新到您的网站。与许多其他语言不同,JavaScript中的内容并不总是同步工作。@了解如何在
$(document).ready(function(){//your code})下调用函数;
并传递我的值,因此在响应后立即更新我的div部分很容易保持代码不变,只需尝试使用ajax响应,并尝试使用
$id
或其他方法查找单元格。找到单元格后,可以立即更新表。@Reza,我需要按id获取单元格元素,然后更新文档因此,如何将我的“fetch_items()”转换为JQuery。
function fetch_items($id) {
    $.ajax({
        url: "<?=site_url("orders/find_item")?>",
        type: "POST",
        data: {
            ajax: true,
            item_id: $id
        },
        success: function (response) {
          //return response; remove this line, async return doesn't help here
          //find the respective cell and update your div here
          $(your_element).text(response)
        }
    });
}