![](/img/trans.png)
[英]How to call JavaScript function from Thymeleaf-style-background?
[英]Call javascript function in thymeleaf
我需要調用javascript函數inn thymeleaf,但由於未定義函數,因此出現錯誤。 這是我的代碼
<div class="input-field col s6 m6">
<input id="isbn" name="isbn" type="text" class="validate" />
<label for = "isbn">Enter ISBN Code</label>
</div>
<div class="input-field col s6 m6">
<button id="submitCode" class="btn waves-effect waves-light col m4" th:onclick="'javascript:myFunction();'" value="data">ISBN Data</button>
</div>
JavaScript代碼
function myFunction()
{
var isbn = document.getElementById('isbn').value;
alert(isbn);
var xmlhttp = new XMLHttpRequest();
var url = "https://www.googleapis.com/books/v1/volumes?q=isbn:" + isbn;
xmlhttp.onreadystatechange = function()
{
if (xmlhttp.readyState == 4 && xmlhttp.status == 200)
{
var x = JSON.parse(xmlhttp.responseText);
callback(x);
}
};
xmlhttp.open("GET", url, true);
xmlhttp.send();
}
function callback(x)
{
//do things with your data here
alert(JSON.stringify(x));
console.log(x);
}
也許您應該嘗試th:onclick="'myFunction();'"
您可以使用Thymeleaf引用此鏈接Javascript函數調用
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.