0
プロジェクトでPrototype JSフレームワークを実装するにはどうすればよいですか。私はこのシンプルなフォームを持っています。それはユーザーの郵便番号入力によって都市と州を置き換えます。 Ajaxプロトタイプ呼び出しでこの作業を行う必要があり、結果が得られません。これは私のjsとPHPとHTMLコードです：プロトタイプAjaxリクエストのJSフレームワーク
<!DOCTYPE html>
<!-- popcornA.html
This describes popcorn sales form page which uses
Ajax and the zip code to fill in the city and state
of the customer's address
-->
<html lang = "en">
<head> <title> Popcorn Sales Form (Ajax) </title>
<style type = "text/css">
img {position: absolute; left: 400px; top: 50px;}
</style>
<script type = "text/JavaScript" src = "prototype.js" src = "popcornA.js"></script>
<script type = "text/JavaScript" src = "popcornA.js"></script>
<meta charset = "utf-8" />
</head>
<body>
<h2> Welcome to Millenium Gynmastics Booster Club Popcorn
Sales
</h2>
<form action = "">
<!-- A borderless table of text widgets for name and address -->
<table>
<tr>
<td> Buyer's Name: </td>
<td> <input type = "text" name = "name"
size = "30" />
</td>
</tr>
<tr>
<td> Street Address: </td>
<td> <input type = "text" name = "street"
size = "30" />
</td>
</tr>
<tr>
<td> Zip code: </td>
<td> <input type = "text" name = "zip"
size = "10"
onblur = "getPlace(this.value)" />
</td>
</tr>
<tr>
<td> City </td>
<td> <input type = "text" name = "city"
id = "city" size = "30" />
</td>
</tr>
<tr>
<td> State </td>
<td> <input type = "text" name = "state"
id = "state" size = "30" />
</td>
</tr>
</table>
<img src = "popcorn.png"
alt = "picture of popcorn"
width = "150" height = "150" />
<p />
<!-- The submit and reset buttons -->
<p>
<input type = "submit" value = "Submit Order" />
<input type = "reset" value = "Clear Order Form" />
</p>
</form>
</body>
</html>new Ajax.Request("getCityState.php", {
method: "get",
parameters: "zip=" + zip,
onSuccess: function(request) {
var place = request.responseText.split(', ');
$("city").value = place[0];
$("state").value = place[1];
},
onFailure: function(request) {
alert("Error - request failed");
}
});<?php
// getCityState.php
// Gets the form value from the "zip" widget, looks up the
// city and state for that zip code, and prints it for the
// form
$cityState = array("81611" => "Aspen, Colorado",
"81411" => "Bedrock, Colorado",
"80908" => "Black Forest, Colorado",
"80301" => "Boulder, Colorado",
"81127" => "Chimney Rock, Colorado",
"80901" => "Colorado Springs, Colorado",
"81223" => "Cotopaxi, Colorado",
"80201" => "Denver, Colorado",
"81657" => "Vail, Colorado",
"80435" => "Keystone, Colorado",
"80536" => "Virginia Dale, Colorado"
);
$zip = $_GET["zip"];
if (array_key_exists($zip, $cityState))
print $cityState[$zip];
else
print " , ";
?>
「Uncaught ReferenceE rror：zipが定義されていません "error on line popcornA.js：37 – SQATube