0
Ich habe ein Ajax-Aufruf, die Daten retreives und seinen Erfolg Teil sieht wie folgt aus:append jquery ajax (json) Tabelle
$("table.table").append("<tr><td>ID: " + item.ID + "</td><td>Name: " + item.name +" Url:</td><td><a href='https://.......sharepoint.com/" +item.url+ "'><img src='forwarding-icon.png' alt='forward' height='42' width='42'></a>" + "</td></tr>");
Meine HTML-Tabelle wie folgt aussehen:
<table class="table"></table>
Ich bin versuchen, Elemente wie eine Tabelle zu zeigen:
Aber stattdessen zeigt es ist wie einzelner Satz, wie diese: ID: 002 Name: toysrus Url: (Symbol)
Wie kann ich dieses Problem lösen und gibt es eine Möglichkeit, die Dinge etwas moderner und nützlicher aussehen zu lassen. Jeder Vorschlag wird sehr geschätzt.
var uri = 'sharepointmodel.json';
function find() {
var info = $('#KUNDE').val()
$("#loader").show();
$.getJSON(uri)
.done(function (data) {
var item = data.filter(function (obj) {
return obj.name === info || obj.ID === info;
})[0];
if (typeof item ==='undefined'){
alert("Ukendt navn eller ID");
}
else if (typeof item !== 'undefined' || item !== null){
$("table.table").append("<tr><td>ID: " + item.ID + "</td><td>Name: " + item.name +" Url:</td><td><a href='https://........sharepoint.com/" +item.url+ "'><img src='forwarding-icon.png' alt='forward' height='42' width='42'></a>" + "</td></tr>");
}
})
.fail(function (jqXHR, textStatus, err) {
$('#ERROR').text('Kan ikke oprette forbindelse til serveren! '/* + err*/);}).always(function(){$("#loader").hide();
});
}
und Html Teil ist:
<body>
<header>
<a href="index.html" id="logo">
<h1></h1>
<h2></h2>
</a>
<nav>
<ul>
<li><a href="index.html">SearchBox</a></li>
<li><a href="http://.com/">.com</a></li>
<li><a href="http://.com/support/">Support&Aflastning</a></li>
</ul>
</nav>
</header>
<div class="container">
<li class="li-myLeagues">
<div style="float:left;margin-left:10px;">
<input type="text" id="KUNDE" placeholder="Search by name or ID." value="" size="60" />
<div id="loader" style="display:none;"><img src="loader.gif" /></div> </div>
<div style="float:left;margin-left:10px;">
<button id="buton" type="button" class="btn-style" value="search" onclick="find();">Hent</button>
</div>
</li>
</div>
<div id="loader" style="display:none;"><img src="loader.gif" /></div>
<section class="section">
<div class="liper">
<table class="table"></table>
<p id="ERROR" /> </p>
</div>
</section>
Leider sein Aussehen sehr chaotisch.
haben Sie überprüft es (F12), um zu sehen, ob die Daten in HTML-Code injiziert wurde? Die Daten wurden möglicherweise korrekt angezeigt, aber die Tabelle hat möglicherweise kein CSS-Format, was dazu führte, dass nur Datenzeilen angezeigt wurden. – Klaus
Sie müssen angeben, dass der Inhalt HTML-Tabelle ist. Haben Sie versucht, '.innerHTML' zu verwenden? oder '.html()' in jquery – Vikrant
Vielleicht einige der Daten, die von Ihrem Ajax-Aufruf kommen, enthält HTML-Tags, die Ihr '
Antwort
Gefällt mir?
Quelle
2016-09-26 12:05:10
Quelle
2016-09-26 12:05:22
Verwandte Themen