インデックスビューのdivのセクションを、部分ビューから取得した新しいデータで置き換えることはできません。私は火かき棒で見る正しい応答を得る。今のところ私はそれが正常に動作していると警告ウィンドウを表示します。ベローは私のAjaxコードと私が得る応答の一部です(ulの中の20のリストグループ項目)。だから私は私のビューのようにすべてのdivのJavaScriptコードを書くか、別のオプションがありますか?たぶんいくつかの例をお願いしますか?Ajaxレスポンスのjavascriptでコンテンツを置き換える方法
よろしくお願いいたします。
<script>
function testAjax() {
debugger;
$.ajax({
url: "@Url.Content("~/Controller/MyAction")",
data: "searchString=search",
type: "Post",
beforeSend: function() {
//Code for before send whatever you have to do.
},
success: function (data) {
alert("It's Working!");
},
error: function (response) {
//Your code when error ocure
alert(response.responseText);
},
failure: function (response) {
//your code for failure
alert(response.responseText);
}
})
}
</script>
私の応答:
<ul class="list-group infinite-scroll">
<li class="list-group-item col-md-6">
<div class="noo-event-featured-item grow">
<div class="sc-event-content">
<h3><a href="/Controller/Podrobnosti/73" onclick="checkCookie();">text</a></h3>
<div class="bottom">
<div class="create-date">
<span>
date
</span>
</div>
</div>
</div>
<div class="sc-event-item">
<div class="event-thumbnail">
<a href="link" >
<img src="image link">
</a>
<div class="sc-meta">
<span class="sc-date"><i class="fa fa-clock-o"></i><span> text</span></span>
<span class="sc-address">
<i class="fa fa-map-marker" style="padding-left: 3px;"></i>Place<span class="tribe-address">
<span class="tribe-street-address">Street</span><span class="tribe-delimiter"
>, </span>
<span class="tribe-locality">Country</span>
</span>
</span>
</div>
</div>
</div>
</div>
</li>
</ul>
どのような出力が期待されていますか?あなたは何を操作したいですか? – Rayon
私のulを私が応答から得たものに置き換える。 –
divを完全に応答htmlに置き換えたい場合は、.html(data)ではなく.replaceWith(data)を試してください。 – jeetaz