Question

以下是我的html代码段

First name:
<input type = "text" >
Last name:
<input type = "text">

不是硬编码html中的字段值（名字，姓氏）我想从属性文件中读取它们，这可能只是用html.please建议我这样做。

感谢

Answer 1

您可以使用ajax（XMLHttpReqeust）读取文件。

没有插件：

First name:
<input id="first_name" type="text">
Last name:
<input id="last_name" type="text">
<script>
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
  if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
    var data = xmlhttp.responseText; // use JSON.parse if properties file is formatted as json
    document.getElementById('first_name').value = data; // use like this
    }
  }
xmlhttp.open("GET", "properties.txt", true);
xmlhttp.send();
</script>

Answer 2

只需将文件放在与html相同的文件夹中，然后使用JQuery ajax加载它：

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
</head>
<body>
<input type="text" id="name" />
<input type="text" id="last_name" />
<script>
$(function(){
$.ajax({
    url:'config.json',
    type:'GET',
    success:function(data){
        var tmpData = JSON.parse(data);
        $("#name").val(tmpData.name);
        $("#last_name").val(tmpData.last_name);
    }
});
});
</script>
</body>
</html>

config.json

{
    "name": "John",
    "last_name": "Doe"
}

如何使用html从属性文件中读取值

2 个答案: