1953
צפיות
צפיות
3
תשובות
תשובות
נתונים שנשלחים מ-php דרך-Ajax לא מצליח להפעיל פקודות ו-CSS
שלום לכולם
אני שולח טבלת נתונים מדף Php דרך Ajax לחלון משתמש ועל הטבלה אני רוצה להריץ פקודות למיון וכו
אני מקבל את הטבלה ללא אפשרות להעיל פקודות JS או CSS
זה ה-Ajax שאני שולח:
$.ajax({
url: mySite+"func=Getdaa",
data: "address=" + document.Getdata.site.value,
success: function (result) {
$("#my_div").html(result);
$("#my_div").listview("refresh");
}
})
זה משהוא בהגדרות של Ajax?
3 תשובות
אם אתה משתמש בדפדפן Chrome תלחץ F12 (על מנת לפתוח את הכלים למפתח) ותבחר ב-console.
לאחר מכן תלחץ על הכפתור של השליחת מידע או מה שאמור להפעיל את האירוע ותראה מה השגיאה שמוצגת לך.
תדביק אותה פה ואני אשמח לעזור 🙂
זה השגיאות שאני מקבל
Uncaught SyntaxError: Unexpected token / jquery-1.8.2.js:564
jQuery.extend.globalEval jquery-1.8.2.js:564
jQuery.extend.globalEval jquery-1.8.2.js:565
jQuery.fn.extend.domManip jquery-1.8.2.js:6006
jQuery.extend.each jquery-1.8.2.js:611
jQuery.fn.extend.domManip jquery-1.8.2.js:5991
jQuery.fn.extend.append jquery-1.8.2.js:5764
jQuery.fn.extend.html jquery-1.8.2.js:5891
jQuery.extend.access jquery-1.8.2.js:814
jQuery.fn.extend.html jquery-1.8.2.js:5855
$.ajax.success table.html:30
jQuery.Callbacks.fire jquery-1.8.2.js:974
jQuery.Callbacks.self.fireWith jquery-1.8.2.js:1082
done jquery-1.8.2.js:7788
jQuery.ajaxTransport.send.callback
וזה הקוד
Index.html
<!DOCTYPE html>
<html>
<link type="text/css" rel="stylesheet" href="tbl.css" />
<script src="smartTables.js" type="text/javascript"></script>
<script src="http://code.jquery.com/jquery-1.8.2.js"></script><script type="text/javascript">
var mySite = "index.php?";
function getCouponID()
{
$.ajax({
url: mySite+"func=couponSiteNo",
dataType: "html",
type:"GET",
success: function (result) {
$("#coupons").html(result);
$('#coupons').listview('refresh');
}
})
}
</script>
</head>
<body>
<form name="CouponNo">
<p style='text-align:center;'>print table
<input type="button" value='GetTbl' onclick="getCouponID()" /> </p>
</form>
<!–********REsults screen ***************–>
<div id="coupons" ></div>
<h2 style='color:red;text-align:center;'>Example table</h2>
<table class="smartTable">
<tr>
<th></th>
<th>Cat</th>
<th>Sheep</th>
<th>mouse</th>
<th>Dog</th>
</tr><tr>
<td>Name</td>
<td>Daisy</td>
<td>Fluffy</td>
<td>Oinky</td>
<td>Barky</td>
</tr><tr>
<td>Height</td>
<td>180cm</td>
<td>121cm</td>
<td>100cm</td>
<td>056cm</td>
</tr><tr>
<td>Deliciousness</td>
<td>85%</td>
<td>68%</td>
<td>93%</td>
<td>13%</td>
</tr><tr>
<td>Noise</td>
<td>Moo</td>
<td>Baa</td>
<td>Oink</td>
<td>Woof</td>
</tr>
</table>
</body>
</html>
index.php:
<?php
header('Content-Type: text/javascript; charset=UTF-8');
$func=0;
if (isset($_GET['func']))
{
$func=$_GET['func'];
if ($_GET['func']=='couponSiteNo')
{
getSiteByID();
}
}
/****************************************************/
function getSiteByID()
{
echo("<h1 style='color:red;text-align:center;'>Php table</h1>");
print("<script type='text/javascript'>
$.ajaxSetup ({'url: '/xmlhttp/',global: true});
</script>");
print('<script src="smartTables.js" type="text/javascript"></script>');
print('<link type="text/css" rel="stylesheet" href="tbl.css" />');
print('<table class="smartTable">
<tr>
<th></th>
<th>Cow</th>
<th>Sheep</th>
<th>Pig</th>
<th>Dog</th>
</tr><tr>
<td>Name</td>
<td>Daisy</td>
<td>Fluffy</td>
<td>Oinky</td>
<td>Barky</td>
</tr><tr>
<td>Height</td>
<td>180cm</td>
<td>121cm</td>
<td>100cm</td>
<td>056cm&l