Søg via ajax
HejJeg har fundet nedenstående på nettet, scriptet generere informationerne via en cgi fil.
Jeg vil gerne havde lavet den om, så det der skrives i "<input name="word" type="text">" bliver sendt til en php fil ved navn sog.php.
sog.php indeholder lige nu kun følgende:
<?php
$navn = $_POST["word"];
echo $navn;
?>
Bare for at teste...
Hvordan får jeg det brugeren skriver i "<input name="word" type="text">" over til filen sog.php så den kan "fange" det med $_POST ?
Eller er der en bedre måde at gøre det på?
Her kommer scriptet:
<html>
<head>
<title>Simple Ajax Example</title>
<script language="Javascript">
function xmlhttpPost(strURL) {
var xmlHttpReq = false;
var self = this;
// Mozilla/Safari
if (window.XMLHttpRequest) {
self.xmlHttpReq = new XMLHttpRequest();
}
// IE
else if (window.ActiveXObject) {
self.xmlHttpReq = new ActiveXObject("Microsoft.XMLHTTP");
}
self.xmlHttpReq.open('POST', strURL, true);
self.xmlHttpReq.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
self.xmlHttpReq.onreadystatechange = function() {
if (self.xmlHttpReq.readyState == 4) {
updatepage(self.xmlHttpReq.responseText);
}
}
self.xmlHttpReq.send(getquerystring());
}
function getquerystring() {
var form = document.forms['f1'];
var word = form.word.value;
qstr = 'w=' + escape(word); // NOTE: no '?' before querystring
return qstr;
}
function updatepage(str){
document.getElementById("result").innerHTML = str;
}
</script>
</head>
<body>
<form name="f1">
<p>word: <input name="word" type="text">
<input value="Go" type="button" onclick='java script:xmlhttpPost("/cgi-bin/simple-ajax-example.cgi")'></p>
<div id="result"></div>
</form>
</body>
</html>
