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)
}
});
}