私はJqueryが初めてです。aspx ページにテキスト ボックスがあります。2文字を入力すると、テキストボックスはjquery ajaxを使用してSQLサーバーデータベースからトルコの郵便番号を取得します。ただし、SQL サーバーから返されるレコードが 900 を超える場合、jquery は「内部サーバー エラー」を返します。データをテキストボックスに入れるにはもっと時間が必要だと思いますが、jquery はそれを許可せず、内部エラーを出します。ここで、最初のリクエストで部分データを取得したいと考えています。例えば; ユーザーがテキスト ボックスに 34 を書き込むと、ajax は 34 で始まるすべてのデータを取得しません。最初の 100 件の結果を取得します。次に、ユーザーがスクロールバーをレコードの最後までスライドすると、新しいレコードがクエリされ、ユーザーに表示されます。Facebookの投稿と同じようにできますか?もしそうなら、サンプルコードを教えていただければ幸いです。
Javascript
$(function() {
$(".tb").autocomplete
({
source: function(request, response) {
$.ajax({
type: "POST",
url: "WebService_GetData.asmx/GetCmbPostaKod",
dataType: "json",
//data: "{ 'filterKey': '" + request.term + "','select1': '" + $('#cmbLogisticType').val() + "' }",
data: JSON.stringify({filterKey: request.term, lojtype:$('#cmbLogisticType').val(), ulke:$asp('ulke').val()}),
contentType: "application/json; charset=utf-8",
dataFilter: function(data) { return data; },
success: function(data) {
response($.map(data.d, function(item) {
return { value: item.PostaKodu, label: item.SemtAdi + ' / ' + item.IlceAdi + ' / ' + item.IlAdi + ' - ' + item.PostaKodu }
}))
},
error: function(XMLHttpRequest, textStatus, errorThrown) {
alert(errorThrown);
}
});
},
minLength: 2,
multiple: true,
matchContains: true,
formatItem: formatItem,
formatResult: formatResult
});
});
コード ビハインド aspx.cs
[WebMethod]
public List<PostaKod> GetCmbPostaKod(string filterKey, string lojtype, string ulke)
{
string stmt;
DataTable dt;
//myToolKit.AddValueToCombo(cmbVergiDairesi, "0", "Seçiniz");
//myToolKit.AddValueToCombo(cmbSatisElemani, "0", "Seçiniz");
FunctionsToolkit.InjectionKontrolEt(ref filterKey);
mySqlKit.DoConnect();
/*
stmt = string.Format(@"SELECT ILADI, ILCEADI, SEMTADI, POSTAKODU, ULKEKODU FROM TBLPOSTAKODLARI (NOLOCK)
WHERE POSTAKODU LIKE '{0}%' AND ULKEKODU='{1}' ORDER BY POSTAKODU", filterKey, (lojtype=="3")?ulke:lojtype);
*/
stmt = string.Format(@"EXEC sp_get_postakodu '{0}','{1}'",filterKey,(lojtype=="3")?ulke:lojtype);
dt = mySqlKit.DoDTstr(stmt);
mySqlKit.DoDisconnect();
return mySqlKit.ComboDList(dt);
}
ページ aspx
<div id="panel1">
Nakliye Tipini Seçiniz* :
<select name="LogisticType" id="cmbLogisticType" onchange="toggle(this.value)">
<option value="1" selected="selected"> Seçiniz </option>
<option value="90"> Şehiriçi </option>
<option value="90"> Şehirlerarası </option>
<option value="3"> Uluslararası </option>
</select>
<!--
<asp:DropDownList ID="cmbPostaKodu" name="cmbPostaKodu" runat="server" class="combo">
</asp:DropDownList>
<select ID="cmbIl" name="cmbIl" runat="server" onchange="ilceGetir(this.options[this.options.selectedIndex].value)" class="combo"></select>
<select ID="cmbIlce" name="cmbIlce" runat="server" class="combo"></select>-->
</div>
<div class="slidingDiv">
<div class="slidingDiv2">
Hareket Noktası (Ülke):
<div class="ui-widget">
<div class="text1">
<asp:TextBox ID="ulke" class="tb" runat="server" onfocus="this.value = ( this.value == this.defaultValue ) ? '' : this.value;return true;">Ülke Seçiniz</asp:TextBox>
</div>
</div>
Varış Noktası (Ülke):
<div class="ui-widget">
<div class="text1">
<asp:TextBox ID="ulke2" class="tb" runat="server" onfocus="this.value = ( this.value == this.defaultValue ) ? '' : this.value;return true;">Ülke Seçiniz</asp:TextBox>
</div>
</div>
</div>
Hareket Noktası (Posta Kodu):
<div class="ui-widget">
<div class="text1">
<asp:TextBox ID="city" class="tb" runat="server" onfocus="this.value = ( this.value == this.defaultValue ) ? '' : this.value;return true;">Posta Kodu Giriniz</asp:TextBox>
</div>
</div>
Varış Noktası (Posta Kodu):
<div class="ui-widget">
<div class="text1">
<asp:TextBox ID="city2" class="tb" runat="server" onfocus="this.value = ( this.value == this.defaultValue ) ? '' : this.value;return true;">Posta Kodu Giriniz</asp:TextBox>
</div>
</div>
</div>