コードの実行で次のエラーが発生します 。MicrosoftJScriptランタイムエラー：エラー80020101のため、操作を完了できませんでした。
次のリンクは、Stackoverflowで見つけたものです： Ajaxリクエストの問題：エラー80020101
var div = $("<div class='modal'>").html($(result.getWebFormDesignFieldContentsResult));
渡された情報result.getWebFormDesignFieldContentsResultは、まだDOMに解析されていないHTMLとJAVASCRIPTの長い文字列です。先日動作させていたので、機能を追加しようとしていたので、奇妙だと思いました。:(
渡される文字列はかなり大きいですが、次のようなものです。
<div>input tags for filtering</div>
<select><option></option>...[150 option tags]... </select>
<anchor tag to return contents>
<script type = "text/javascript">
...stuff fires related to the above items...
</script>
スクリプトタグとは異なる可能性があるため、divタグに文字列として渡された情報を取得する際に問題が発生していると考えていました。
他の誰かがこれを達成しましたか、またはこれを処理する方法について私にいくつかの指針を与えるために何を教えてください？文字列オブジェクトを作成し、それに応じてコンテンツを分割し、htmlのみをhtmlに配置してから、jsを別のスタイルで処理したい場合があります。
結果文字列（result.getWebFormDesignFieldContentsResult）
こちらからもアクセスできます：http： //jsfiddle.net/3kFv2/
<table style='width:inherit;'>
<tr>
<td>
<input type='text' id ='queryInput' onkeypress = 'clearTimeout(timerVar); timerVar = setTimeout(function(){ fetchFieldInfo($("#queryInput").val()); },1000);' />
</td>
<td style = 'text-align:right;'>
<a class = 'modalButton' id = 'queryButton' runat='server' value = 'Re-Filter' onCLick = '$("div.modal").fadeOut(); fetchFieldInfo($("#queryInput").val());'>Re-Filter</a>
</td>
</tr>
<tr>
<td colspan='2' style='margin-left:auto; margin-right:auto; text-align:center;'><select size = '20' id = 'selectList' name = 'selectList' ><option value = '1000'>Abutment Notes</option><option value = '2300'>Abutments Notes</option><option value = '2302'>Abutments Notes Maint Need</option><option value = '2301'>Abutments Notes Remarks</option><option value = '10942'>Concrete Deterioration Maint Need</option></select></td>
<td>
<div style='width:300px;height:300px;' id = 'modalInfoPanel'>
</div>
</td>
</tr>
<tr>
<td></td>
<td style='text-align:right;'>
<a class = 'modalButton' id = 'buttonReturnValue' value = 'Return Selected Element' onClick='$("div.modal, div.overlay").fadeOut();'>Return Selected Element</a>
</td>
</tr>
</table>
<script type = 'text/javascript'>
function ajaxDisplayContents(value){
//alert(value.val());
/*
$('#selectList option').each(function(){
return $(this).val() == '';
}).attr('selected','selected');
*/
$.ajax({
type: 'POST',
url: WEBSERVICE_URL + '/fetchFieldInfo',
dataType: 'json',
contentType: 'application/json',
data: JSON.stringify({'fe_id': value.val().toString()}),
success: function(result, textStatus, jqXHR){
$('#modalInfoPanel').html(result.fetchFieldInfoResult);
},
error: function(xhr, status, message){
$('#modalInfoPanel').html(status + ' ' + message);
}
});
}
$('select#selectList').change(function(){
ajaxDisplayContents($(this));
});
$(function(){
$('ul li').click(function(){ clicker(this); });
});
function clicker(x){
if($(x).next().is('li') || $(x).next().length == 0){
$.ajax({
type: 'POST',
url:,
dataType: 'json',
contentType: 'application/json',
data: JSON.stringify({}),
success: function(result){
$(x).after($('<ul>').append($(result['METHODResult']));
$(x).next().find('li').click(function() clicker(this); });
},
error: function(){
alert('failed to fetch');
}
});
}else if($(x).next().is('ul')){
$(x).next().slideUp(function(){ $(this).remove(); });
}
}
</script>