Hbuilderx 下载地址
https://www.dcloud.io/hbuilderx.html
1.依次点击左上角 文件→ 新建→ 项目,会出现下面的界面。
2. index.html (当然,引入的jq.js需要放到项目中)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title></title>
<script src="./js/jquery.min.js"></script>
<script type="text/javascript">
document.addEventListener('plusready', function(){
console.log("所有plus api都应该在此事件发生后调用,否则会出现plus is undefined。");
});
</script>
<script type="text/javascript">
function test(){
$.ajax({
type: 'POST',
contentType : "application/json;charsetset=UTF-8",
dataType: 'json',
url: "http://192.168.43.47:8088/test/login",
data:JSON.stringify({userName:'guang'}),
success: function(jsonData){
console.log(jsonData.userName);
var input=$("#text");
input.val(jsonData.userName)
},
error: function(){
console.log("失败!")
}
})
}
</script>
</head>
<body>
<form action="" method="">
<input id="text" type="text" name="userName"/>
<input type="button" onclick="test()" value="test"/>
</form>
</body>
</html>
3.在mainfect.json中对项目基本属性做些配置。