Month: October 2018

Here am going to explain the use of for loop in JQuery with an example

Add a page ajax_angular_view.php with response format

{"Company1":"IBM","Company2":"TCL","Company3":"GOOGLE"}

HTML Area

 <div><input id="update_company_name_comapny1" type="text" value="" /></div>
<div><input id="update_company_name_comapny2" type="text" value="" /></div>
<div><input id="update_company_name_comapny3" type="text" value="" /></div>

var company_id=1
$.ajax({
                url: "ajax_angular_view.php?action=view_company_info_by_id&company_id="+company_id,
                type: "post",
                success: function(data) {
					
                    var obj = JSON.parse(data);
		for(var k in obj) {
					$("#update_company_name_"+k).val(obj[k])
 
                     }
		console.log(obj);
                     
                }
            });

T o add Auto suggestion in jquery for customer name and customer id

 $('#customer_name').autocomplete({
    source : function (request, response) {
        $.getJSON("ajax_angular_view.php?action=view_customers", {
            term: request.term
        }, function(data) {                     
            var array = data.error ? [] : $.map(data.Clist, function(m) {
                return {
					
                    label: m.name,
                    value: m.value
                };
            });
            response(array);
        });
    },   select: function (event, ui) {
		  event.preventDefault();
        $("#customer_name").val(ui.item.label); // display the selected text
        $("#user_id").val(ui.item.value); // save selected id to hidden input
        return false;
          }
,    focus: function(event, ui) {
        event.preventDefault();
        $("#customer_name").val(ui.item.label);
    }
});

ajax_angular_view.php?action=view_customers Result should be

{“Clist”:[{“name”:”Hareram Sharma”,”value”:”1″},{“name”:”Jitender”,”value”:”2″},{“name”:”soni”,”value”:”3″}]}