Forum PHP.pl > [PHP][JavaScript][AJAX]Formularz

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [PHP][JavaScript][AJAX]Formularz

Maniek1313

31.12.2011, 12:17:50

Witam wszystkich mam pewien problem a mianowicie nie chcą się dane przesłać do pliku php z formularza przez ajax w konsoli pokazuje że mam błąd z funkcję send();

index.html

[HTML] pobierz, plaintext 
<html>
<head>
<title>Sprawdź</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<script type="text/javascript" language="JavaScript" src="ajax.js"></script>
<script type="text/javascript" language="JavaScript" src="formualrz.js"></script>
</head>
<body>
<h1>Sprawdź</h1><hr>
<div id="form">
	<form name="formularz">
		<center>ID<input type="text" name="id" size="20"></center>
		<input type="hidden" name="hidd" value="3211">
	</form>
</div>
<center>
<div id="form">
	<input type="button" value="Sprawdź id" onclick=send()>
</div>
<hr><br><br>
<div id="status">
Dodaj wpis
</div>
</body>
</html>
[HTML] pobierz, plaintext

ajax.js

[HTML] pobierz, plaintext 
var req = null;
 
function sendRequest(url,id){
	req = initXMLHttpRequest();
 
	if(req){
		var p = document.getElementById(id);
		req.onreadystatechange = function(){
			if(req.readyState == 4){
				p.innerHTML = req.responseText;
			}
		}
 
		req.open("GET",url);
		req.setRequestHeader("Content-Type", "application/x-www-from-urlencoded");
		req.send(null);
	}
}
 
function sendRequestPost(url,id,params){
	req = initXMLHttpRequest();
 
	if(req){
		var p = document.getElementById(id);
		req.onreadystatechange = function(){
			if(req.readyState == 4){
				p.innerHTML = req.responseText;
			}
		}
 
		req.open("POST",url,true);
		req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded;charset=UTF-8");
		req.send(params);
	}
}
 
function initXMLHttpRequest(){
	var xRequest = null;
 
	if(window.XMLHttpRequest){
		xRequest = new XMLHttpRequest()
	}else if(window.ActiveXObject){
		xRequest = new ActiveXObject("Microsoft.XMLHTTP");
	}
	return xRequest;
}
 
function onReadyState(){
 
}
[HTML] pobierz, plaintext

formularz.js

[HTML] pobierz, plaintext 
function PrepareParams(form){
	var parametry = new Array();
 
	for(var i=0;i<form.elements.length;i++)
	{
		if((nazwa = from.elements[i].name) && (wartosc = from.elements[i].value))
			parametry.push(nazwa+'='+encodeURIComponent(wartosc));
	}
	return parametry.join("&");
}
 
function send(){
	var params = PrepareParams(document.formularz);
 
	for (var i=0;i<document.formularz.elements.length;i++)
		document.formularz.elements[i].value='';
	sendRequestPost("insert.php","status" ,params);
}
[HTML] pobierz, plaintext

insert.php

[PHP] pobierz, plaintext 
<?php
echo $_POST['id'];
?>
[PHP] pobierz, plaintext

darko

31.12.2011, 12:26:34

Wypadałoby podać treść błędu. Bez analizowania kodu na pierwszy rzut oka widać, że tu:
if((nazwa = from.elements[i].name) && (wartosc = from.elements[i].value))
pomylono form z from. Pytanie tylko co to jest u Ciebie nazwa i wartosc ?
// edit
i jeśli porównujesz dwie wartości to porównuj (==), nie przypisuj (=)

amii

31.12.2011, 12:29:44

Nie tak: onclick=send()
tylko tak: onclick="send();"

Lepiej używaj jQuery do tego typu celów, prostszy kod, lepsza zgodność i większa czytelność.

Maniek1313

31.12.2011, 15:20:29

Ja robię na postawię kursu

Wgrałem pliki na serwer http://www.maniek13.myshell.pl/test/

johny_s

31.12.2011, 18:32:30

Cytat

"NetworkError: 404 Not Found - http://www.maniek13.myshell.pl/test/formualrz.js"

jak sie pisac nie umie to tak wychodzi

literowke zrobiles to nie dziwota ze funkcji znalesc nie potrafi

Maniek1313

1.01.2012, 11:07:44

Działa

niby taka prosta rzecz a trudno było znaleźć

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.