xmlhttprequest
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
<script type="text/javascript">
var http;
var browser = navigator.appName;
if ( browser == 'Microsoft Internet Explorer' )
http = new ActiveXObject("Microsoft.XMLHTTP");
else
http = new XMLHttpRequest();
http.open('post', 'verstuur.php');
http.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
var bericht = document.getElementById('bericht');
http.send('bericht='+bericht+';');
</script>
var http;
var browser = navigator.appName;
if ( browser == 'Microsoft Internet Explorer' )
http = new ActiveXObject("Microsoft.XMLHTTP");
else
http = new XMLHttpRequest();
http.open('post', 'verstuur.php');
http.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
var bericht = document.getElementById('bericht');
http.send('bericht='+bericht+';');
</script>
Het enige wat ik nodig heb is dus een php bestandje verstuur.php die alle data verstuurt van een tekstform verstuurd maar hoe?!
Dank,
Raoul
Gewijzigd op 22/07/2010 10:41:33 door - Raoul -
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<script type="text/javascript">
function ok(){
if (typeof XMLHttpRequest != "undefined"){
var xmlhttp = new XMLHttpRequest;
}else var xmlhttp= new ActiveXObject("Microsoft.XMLHTTP");
if (typeof xmlhttp!= "undefined") {
xmlhttp.onreadystatechange= function () {
if(xmlhttp.readyState == 4){
document.getElementById("response").innerHTML = xmlhttp.responseText;
}
}
var content= "name=raoul&country=belgie";
xmhttp.open("POST", "verstuur.php", true);
xmlhttp.setRequestHeader("content-type", "application/x-www-form-urlencoded");
xmlhttp.setRequestHeader("content-length", content.lenght);
xmlhttp.setRequestHeader("connecion", "close");
xmlhttp.send(content);
}
}
</script>
<button onclick="ok()">OK</button>
<div id="response" style="width: 500px; height: 100px; border: 1px dotted;"></div>
function ok(){
if (typeof XMLHttpRequest != "undefined"){
var xmlhttp = new XMLHttpRequest;
}else var xmlhttp= new ActiveXObject("Microsoft.XMLHTTP");
if (typeof xmlhttp!= "undefined") {
xmlhttp.onreadystatechange= function () {
if(xmlhttp.readyState == 4){
document.getElementById("response").innerHTML = xmlhttp.responseText;
}
}
var content= "name=raoul&country=belgie";
xmhttp.open("POST", "verstuur.php", true);
xmlhttp.setRequestHeader("content-type", "application/x-www-form-urlencoded");
xmlhttp.setRequestHeader("content-length", content.lenght);
xmlhttp.setRequestHeader("connecion", "close");
xmlhttp.send(content);
}
}
</script>
<button onclick="ok()">OK</button>
<div id="response" style="width: 500px; height: 100px; border: 1px dotted;"></div>
verstuur.php:
Dit werkt dus niet.. :s
Gewijzigd op 22/07/2010 11:10:31 door - Raoul -
Je moet content.length hebben (typo?)
Ook heet de header Connection, en niet connecion.
Deze header wordt trouwens door Chrome geblokkeerd.
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<script type="text/javascript">
function ok(){
if (typeof XMLHttpRequest != "undefined"){
var xmlhttp = new XMLHttpRequest;
}else var xmlhttp= new ActiveXObject("Microsoft.XMLHTTP");
if (typeof xmlhttp!= "undefined") {
xmlhttp.onreadystatechange= function () {
if(xmlhttp.readyState == 4){
document.getElementById("response").innerHTML = xmlhttp.responseText;
}
}
var content= "name=raoul&country=belgie";
xmlhttp.open("POST", "verstuur.php", true);
xmlhttp.setRequestHeader("content-type", "application/x-www-form-urlencoded");
xmlhttp.setRequestHeader("content-length", content.length);
xmlhttp.setRequestHeader("connection", "close");
xmlhttp.send(content);
}
}
}
</script>
<button onclick="ok()">OK</button>
<div id="response" style="width: 500px; height: 100px; border: 1px dotted;"></div>
function ok(){
if (typeof XMLHttpRequest != "undefined"){
var xmlhttp = new XMLHttpRequest;
}else var xmlhttp= new ActiveXObject("Microsoft.XMLHTTP");
if (typeof xmlhttp!= "undefined") {
xmlhttp.onreadystatechange= function () {
if(xmlhttp.readyState == 4){
document.getElementById("response").innerHTML = xmlhttp.responseText;
}
}
var content= "name=raoul&country=belgie";
xmlhttp.open("POST", "verstuur.php", true);
xmlhttp.setRequestHeader("content-type", "application/x-www-form-urlencoded");
xmlhttp.setRequestHeader("content-length", content.length);
xmlhttp.setRequestHeader("connection", "close");
xmlhttp.send(content);
}
}
}
</script>
<button onclick="ok()">OK</button>
<div id="response" style="width: 500px; height: 100px; border: 1px dotted;"></div>
Dit werkt nog steeds niet...
Gewijzigd op 22/07/2010 12:33:07 door - Raoul -
Ik heb dit gevonden
Code (php)
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
$.ajax({
type: "POST",
url: "some.php",
data: "name=John&location=Boston",
success: function(msg){
alert( "Data Saved: " + msg );
}
});
type: "POST",
url: "some.php",
data: "name=John&location=Boston",
success: function(msg){
alert( "Data Saved: " + msg );
}
});
Maar er staat nergens een php bestandje die alles krijgt?
Verder moet je eens goed de handleiding doorlezen, je vraag wordt gewoon in je voorbeeld al beantwoord.
dus alles gaat automatisch, dus in some.php kan ik gewoon zetten
Code (php)
1
2
3
4
5
6
7
8
9
10
11
2
3
4
5
6
7
8
9
10
11
<?php
$name = $_POST['name'];
$location = $_POST['location'];
mysql_query("INSERT INTO dingen VALUES (
'".$name."',
'".$location."'
);
");
?>
$name = $_POST['name'];
$location = $_POST['location'];
mysql_query("INSERT INTO dingen VALUES (
'".$name."',
'".$location."'
);
");
?>
Graag niet bumpen; twee berichten van jezelf na elkaar binnen 24 uur plaatsen. Heb je een toevoeging aan je vorige bericht, gebruik dan het 'wijzigen' icoontje.[/modedit]
Gewijzigd op 22/07/2010 18:59:31 door Joren de Wit
- Raoul - op 22/07/2010 14:17:30:
Dankje, anoniem.
Ik heb dit gevonden
Maar er staat nergens een php bestandje die alles krijgt?
Ik heb dit gevonden
Code (php)
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
$.ajax({
type: "POST",
url: "some.php",
data: "name=John&location=Boston",
success: function(msg){
alert( "Data Saved: " + msg );
}
});
type: "POST",
url: "some.php",
data: "name=John&location=Boston",
success: function(msg){
alert( "Data Saved: " + msg );
}
});
Maar er staat nergens een php bestandje die alles krijgt?
some.php
Pearl dan maar ;)?
Ikzelf zou eerder met GET werken in je *.php file.
Gewijzigd op 04/07/2014 20:01:36 door - Ariën -
index.php
Code (php)
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
<script type="text/javascript">
function get(){
$.get("verstuur.php", { name: "John", time: "2pm" } );
alert('Data has been sended to the server');
}
</script>
<button onclick="get()">Get</button>
function get(){
$.get("verstuur.php", { name: "John", time: "2pm" } );
alert('Data has been sended to the server');
}
</script>
<button onclick="get()">Get</button>
verstuur.php
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
2
3
4
5
6
7
8
9
10
11
12
13
<?php
include_once("./connect.php");
$name = $_GET['name'];
$time = $_GET['time'];
mysql_query("INSERT INTO test VALUES (
'".mysql_real_escape_string($name)."',
'".mysql_real_escape_string($time)."'
);
") or die(mysql_error());
?>
include_once("./connect.php");
$name = $_GET['name'];
$time = $_GET['time'];
mysql_query("INSERT INTO test VALUES (
'".mysql_real_escape_string($name)."',
'".mysql_real_escape_string($time)."'
);
") or die(mysql_error());
?>
Dit werkt niet, iemand enig idee waarom?
Gewijzigd op 23/07/2010 13:29:39 door - Raoul -