0
私はHTMLプロジェクトを作成しています。 APIとjQueryを使用して株価を取得します。しかし、<form>属性を指定して送信しようとすると、ページが更新されます。リフレッシュを防止するにはどうすればよいですか？HTMLで送信するときのリフレッシュを防止します
addStock（）;単純なjQueryリクエストを行います。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Stock Market Game PRE ALPHA BETA</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
</head>
<body>
<form onsubmit="addStock()">
</form>
<input type="text" name="stock">
<br>
<br>
<input type="submit" value="Get Price">
</body>
...私のコードとaddStock（残りの）
</html>
あなたはaddStockのための私のコードを（必要な場合）これは次のとおりです。
<script>
var Market = {};
var Stocks = [];
Market.GetQuote = function(ssymbol, fCallback) {
this.symbol = ssymbol;
this.fCallback = fCallback;
this.DATA_SRC = "http://dev.markitondemand.com/Api/v2/Quote/jsonp";
this.makeRequest();
}
Market.GetQuote.prototype.handleSuccess = function(jsonResult) {
this.fCallback(jsonResult);
}
Market.GetQuote.prototype.handleError = function(jsonResult) {
console.error(jsonResult);
}
Market.GetQuote.prototype.makeRequest = function() {
//Abort any open requests
if (this.xhr) {
this.xhr.abort();
}
//Start a new request
this.xhr = $.ajax({
data: {
symbol: this.symbol
},
url: this.DATA_SRC,
dataType: "jsonp",
success: this.handleSuccess,
error: this.handleError,
context: this
});
};
function addStock() {
var xForm = document.forms[0];
var xField = xForm.elements[0];
alert("Stock: " + xField.value);
Stocks.push(new Market.GetQuote(xField.value.toString(), function jsonResult() {
//Gotta catch all the errors
if (!jsonResult || jsonResult.Message) {
console.error("Error: ", jsonResult.Message);
return;
}
//If it works lets return that json!
return jsonResult;
}));
alert(new Market.GetQuote(xField.value, function jsonResult() {
if (!jsonResult || jsonResult.Message) {
console.error("Error: ", jsonResult.Message);
return;
}
console.log(jsonResult);
return jsonResult[2];
}));
new Markit.QuoteService(xField.value, function (jsonResult) {
//Catch errors
if (!jsonResult || jsonResult.Message) {
console.error("Error: ", jsonResult.Message);
return;
}
//If all goes well, your quote will be here.
console.log(jsonResult);
/**
* Need help? Visit the API documentation at:
* http://dev.markitondemand.com
*/
});
};
</script>