Two ajax calls in same function

Question

I have an Html.Textbox that I allow the user to type a customer name into. Once they reach 3 or more characters I call an autocomplete function which returns a list of customers in a dropdown. When they make a selection I would like to make another ajax call which would return a new view. My problem is when I add the second call the data from the autocomplete is removed. This is what I have so far:

 $("#CustomerSearch_FullName").autocomplete({ minLength: 3, fontSize: '10px', source: function (request, response) { $.ajax({ url: '@Url.Action("CustomerNameAutoComplete", "Customer")', async: false, data: { searchstring: $.trim(request.term) }, success: function (data) { response($.map(data, function (item) { $('#CustomerIdDisplay').val(item.id); $('#customer-select').val(item.id); $('#Order_Customer_FirstName').val(item.firstname); $('#Order_Customer_Email').val(item.email); return { label: item.choice, id: item.id }; })); }, }); }, select: function (event, ui) { id = ui.item.id; $.ajax ({ url: '@Url.Action("Create", "Order")', data: { customerId: id } });

you mention when they make a selection you want to fire the second call. why don't you put the second ajax call in a jquery change event? — Matt Bodily
– Matt Bodily, Commented Oct 22, 2014 at 19:47

Goca · Accepted Answer · 2014-10-22 20:19:09Z

You only need to add return false to your select statement:

, select: function (event, ui) { id = ui.item.id; $.ajax ({ url: '@Url.Action("Create", "Order")', data: { customerId: id } }); return false; }

The default action of the auto-complete on 'select' is to set the textbox value with whatever you select from the auto-complete box, if you are not ready to set the textbox because you want to do another call base on the selection, you have to add return false to prevent the default behavior. After your second call finished you have to set the textbox whit what ever you want based on your result.

Collectives™ on Stack Overflow

Two ajax calls in same function

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related