<html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <script src="Scripts/jquery-1.7.min.js" type="text/javascript"></script> <script type="text/javascript"> function myQuerySuggestions() { var searchText = document.getElementById('txtsearch').value; searchText = "'" + searchText + "'"; var jasonData = "{" + 'CountryName:' + searchText + "}"; $.ajax({ url: "http://www.webservicex.net/globalweather.asmx/GetCitiesByCountry?callback=?", dataType: "jsonp", crossDomain: true, jsonpCallback: 'blah', data:jasonData, contentType: "application/json; charset=utf-8", success: function (data, status) { alert(status+" status"); }, error: function () { alert("error"); } }); } function blah(data) { var result = (typeof data.d) == 'string' ? eval('(' + data.d + ')') : data.d; $('#summary').html('<p>All new content. <em>You bet!</em></p>'); $('#summary').html(result); } </script> </head> <body> <form id="form1" runat="server"> <div> <label for="txtsearch"> Enter country: </label> <input type="text" id="txtsearch" size="43" style="font-size: 12px; font-weight: bold;" /> <br /> <asp:Button ID="btn" runat="server" Text="Submit" OnClientClick="myQuerySuggestions();return false;" /> <div id="summary" runat="server"></div> </div> </form> </body> </html>
var
This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)