javascript - how to uplaod checked list in dynamic listview to server using ajax -


in image there 4 list of more , below of 4

//i uploading data listview server. //after selection of first page listview going page (list view checkbox), there many lists check box ,so want select few of them , upload selected list server using rest api.

//below code first page

<div class="example-wrapper" data-iscroll>              <ul data-role="listview" data-insert="true" data-filter="true"  data-filtertext="true" data-role="controlgroup" data-enhanced="true" data- data-input="#search-mini" id="movie-list" data-theme="a"  >               </ul>         </div> 

// js code disply data on first page , direct second listview chekbox.

$(document).on('pageinit', '#home', function(){       //    var url = 'http://api.themoviedb.org/3/', //        mode = 'search/movie?query=', //        moviename = '&query='+encodeuri('batman'),         //        key = '&api_key=5fbddf6b517048e25bc3ac1bbeafb919';         var url = 'https://usv.mybluemix.net/usv/event_creation.jsp';      $.ajax({ //        url: url + mode + key + moviename ,         url: url,         datatype: "json",         async: true,         success: function (result) {              $('#work-in-progress').fadeout(0);             ajax.parsejson(result);           },         error: function (request,error) {             alert('network error has occurred please try again!');              document.getelementbyid("internet_access").innerhtml="no internet access";         }     });          });  $(document).on('pagebeforeshow', '#headline', function(){           $('#movie-data').empty();     $.each(movieinfo.result, function(i, row) {         if(row.event_id == movieinfo.id) {       var =1;             (var = 0; < 4; i++) {              $('#movie-data').append('<li><input type="checkbox"/>'+row.speciality+'</li>');               }             $('#movie-data').listview('refresh');                     }     });     });  $(document).on('vclick', '#movie-list li a', function(){       movieinfo.id = $(this).attr('data-id');     $.mobile.changepage( "#headline", { transition: "slide", changehash: false }); });  var movieinfo = {     id : null,     result : null }  var ajax = {       parsejson:function(result){           movieinfo.result = result.entries;         $.each(result.entries, function(i, row) {             //console.log(json.stringify(row));             $('#movie-list').append('<li><a href="" data-id="'  + row.event_id + '">' +'<h3>' + row.event_name + '</h3><p2>' + row.start_date_time + '</p2><p>'+row.event_id + '</p></a></li>');         });         $('#movie-list').listview('refresh').trigger("create");;     } } 

// below listview creating chekbox

<div data-role="content">         <ul data-role="listview"  id="movie-data" data-theme="a" data-identifier="1">               </ul>     </div>       <input type="button" id="uploadbutton" onclick="getchecked()" value ="update"  data-theme="b"/> </div> 

please me ,how upload selected checked list server using rest api. please learn this. //is possoble in jquery mobile?


Comments

Popular posts from this blog

ubuntu - PHP script to find files of certain extensions in a directory, returns populated array when run in browser, but empty array when run from terminal -

php - How can i create a user dashboard -

javascript - How to detect toggling of the fullscreen-toolbar in jQuery Mobile? -