jQuery Ajax return IE 'undefined'
Ik zit met een tamelijk groot probleem ..
Ik heb een jQuery dat een Ajax_call doet een een waarde terugkrijgt hiervoor.
In firefox en Safari doet hij het perfect, maar zoals velen weten moet IE weer even dwarsliggen!
Het script stuurt een postcode naar een website en krijgt dan een waarde terug wat de verzendkosten inhoud.
Ik heb echt dringend hulp nodig .. Ik geraak er zelf niet meer aan uit :(
jQuery :
$("#postcode").change(function(){
var p = $(this).val();
$.ajax({
type: "POST",
url: "ajax/ajax_r.php",
async:true,
data: "postcode="+p+"&p=true",
dataType :'HTML',
success: function (d) {
if(d != "")
$("#ver").html(" "+$.trim(d)+" ");
}
});
});
---------------------
PHP file stuurt als volgt het resultaat
echo "€ ".trim(number_format($ver,2));
Ik hoop dat jullie mij kunnen helpen!
Alvast bedankt!!
heb je al gedebugged?
in tegenstelling tot IE waar de alert('undefined') uitvoert ..
Debug heeft niet veel duidelijk gemaakt aangezien het gewoon werkt via Safari en FF.
Enkel het feit dus dat IE deze ziet als UNDEFINED.
Thx voor reactie
Het probleem zit hem dus in het JS-gedeelte en iets met IE.
Tot die conclusie ben ik dus ook gekomen.
Alles al geprobeerd maar vindt geen oplossing :(
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
2
3
4
5
6
7
8
9
10
11
12
13
14
15
$("#postcode").change(function(){
var p = $(this).val();
$.ajax({
type: "POST",
url: "ajax/ajax_r.php",
async:true,
data: "postcode="+p+"&p=true",
dataType :'text',
success: function (d) {
alert(d);
if(d != "")
$("#ver").html(" "+$.trim(d)+" ");
}
});
});
var p = $(this).val();
$.ajax({
type: "POST",
url: "ajax/ajax_r.php",
async:true,
data: "postcode="+p+"&p=true",
dataType :'text',
success: function (d) {
alert(d);
if(d != "")
$("#ver").html(" "+$.trim(d)+" ");
}
});
});
Toevoeging op 21/10/2012 19:35:19:
zou het met de functie $(name).html() te maken kunnen hebben ? dat IE deze niet ondersteund ? -> .html();
Code (php)
1
2
3
4
5
2
3
4
5
<div id="vak">...</div>
<script>
$('#vak').html('Dit werkt');
</script>
<script>
$('#vak').html('Dit werkt');
</script>
het is me nu wel opgevallen dat alle returns die ik vanuit ajax doe gewoon niet werken via IE ... wordt gek :(
index.php
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script>
$(document).ready(function($) {
$("#postcode").change(function() {
var p = $(this).val();
$.ajax({
type: "POST",
url: "ajax_r.php",
async: true,
data: "postcode=" + p + "&p=true",
dataType :'HTML',
success: function (d) {
if(d != "")
$("#ver").html(" "+ $.trim(d) + " ");
}
});
});
});
</script>
<input id="postcode">
<div id="ver"></div>
<script>
$(document).ready(function($) {
$("#postcode").change(function() {
var p = $(this).val();
$.ajax({
type: "POST",
url: "ajax_r.php",
async: true,
data: "postcode=" + p + "&p=true",
dataType :'HTML',
success: function (d) {
if(d != "")
$("#ver").html(" "+ $.trim(d) + " ");
}
});
});
});
</script>
<input id="postcode">
<div id="ver"></div>
Bij mij doet dit precies wat ik verwacht. Ook met IE.