如何在Ajax响应后填充广播电台(How to populate the radio div after ajax response?)
Html Div在哪里我想追加我的HTML在这里面:
<div class="col-md-12" style="border:1px solid green;height: 20px;"id="eng_skills"></div>jquery和ajax代码在这里respone包含我想要附加在我的uppar html中的html:
$(document).ready(function(){ var jobid=$("#eng_jobtitle").val(); var worker_id=$("#worker_id").val(); //alert(jobid); //alert(worker_id); $.ajax({ type: 'POST', url: '/admin/listing-details/get_skills', data: { "_token": "{{ csrf_token() }}", "job_title_id" :jobid, "worker_id" : worker_id }, success: function (response) { html+='<div class="form-group">'; html+='<span class="col-md-6 col-xs-12 no-padding set_text">'; $.each(response,function(i,val){ html+='<label class="">'+val.skill_eng+'</label></span>'; html+='<input type="radio" name="'+ i +'" id="'+ i +'"/>'; }) html+='<span class="col-md-6 col-xs-12 set_text">'; html+='<input type="radio" name="cooking"><label class="">Yes</label>'; html+='<input type="radio" name="cooking"><label class="">No</label>'; html+='</span>'; html+='</div>'; $('#eng_skills').html(html); } }) })即时通讯的Ajax是:
{"status":true, "result": [ {"id":1,"job_id":1,"skill_eng":"cleaning","skill_arb":"\u062a\u0646\u0638\u064a\u0641","ordering":1,"added_date":"2018-01-31 00:00:00"}, {"id":2,"job_id":1,"skill_eng":"cooking","skill_arb":"\u062a\u0646\u0638\u064a\u0641","ordering":2,"added_date":"2018-01-31 00:00:00"}, {"id":3,"job_id":1,"skill_eng":"utensils washing","skill_arb":"\u0623\u0648\u0627\u0646\u064a \u0627\u0644\u063a\u0633\u064a\u0644","ordering":3,"added_date":"2018-01-31 00:00:00"}, {"id":4,"job_id":1,"skill_eng":"cloths washing","skill_arb":"\u063a\u0633\u0644 \u0627\u0644\u0645\u0644\u0627\u0628\u0633","ordering":4,"added_date":"2018-01-31 00:00:00"} ] }创建我的回应后,我无法生成我的输入类型无线电,因为我想..它不附加在HTML为什么这个发生任何人都可以请帮助
Html Div where I want to append my html inside this:
<div class="col-md-12" style="border:1px solid green;height: 20px;"id="eng_skills"></div>jQuery and AJAX code here. Response contains the HTML which I want to append inside my upper html:
$(document).ready(function(){ var jobid=$("#eng_jobtitle").val(); var worker_id=$("#worker_id").val(); //alert(jobid); //alert(worker_id); $.ajax({ type: 'POST', url: '/admin/listing-details/get_skills', data: { "_token": "{{ csrf_token() }}", "job_title_id" :jobid, "worker_id" : worker_id }, success: function (response) { html+='<div class="form-group">'; html+='<span class="col-md-6 col-xs-12 no-padding set_text">'; $.each(response,function(i,val){ html+='<label class="">'+val.skill_eng+'</label></span>'; html+='<input type="radio" name="'+ i +'" id="'+ i +'"/>'; }) html+='<span class="col-md-6 col-xs-12 set_text">'; html+='<input type="radio" name="cooking"><label class="">Yes</label>'; html+='<input type="radio" name="cooking"><label class="">No</label>'; html+='</span>'; html+='</div>'; $('#eng_skills').html(html); } }) })Ajax which I'm getting is:
{"status":true, "result": [ {"id":1,"job_id":1,"skill_eng":"cleaning","skill_arb":"\u062a\u0646\u0638\u064a\u0641","ordering":1,"added_date":"2018-01-31 00:00:00"}, {"id":2,"job_id":1,"skill_eng":"cooking","skill_arb":"\u062a\u0646\u0638\u064a\u0641","ordering":2,"added_date":"2018-01-31 00:00:00"}, {"id":3,"job_id":1,"skill_eng":"utensils washing","skill_arb":"\u0623\u0648\u0627\u0646\u064a \u0627\u0644\u063a\u0633\u064a\u0644","ordering":3,"added_date":"2018-01-31 00:00:00"}, {"id":4,"job_id":1,"skill_eng":"cloths washing","skill_arb":"\u063a\u0633\u0644 \u0627\u0644\u0645\u0644\u0627\u0628\u0633","ordering":4,"added_date":"2018-01-31 00:00:00"} ] }After creating my response I am not able to generate my input type radio as I want. It's not appending on the html, why is this happening?
最满意答案
你正在循环的数组是错误的
在响应['结果']上操作
如
$.each(response['result'],function(i,val)){ //code inside })也定义var html =''; 在开始
the array you are looping on is wrong
operate on response['result']
As
$.each(response['result'],function(i,val)){ //code inside })also define var html = ''; in the starting
更多推荐
发布评论