<!DOCTYPE html>
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
<head>
|
<title>江苏交控智慧高速项目</title>
|
<meta http-equiv="Expires" content="0" />
|
<meta http-equiv="Cache" content="no-cache" />
|
<meta http-equiv="Pragma" content="no-cache" />
|
<meta http-equiv="Cache-control" content="no-cache" />
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
<script src="Scripts/jquery-1.7.1.min.js"></script>
|
<script>
|
$(function () {
|
//
|
});
|
|
function Insert() {
|
var data = getModel();
|
|
ajax("Op/Insert", "POST", data, null, null, function (rs) {
|
console.log(rs);
|
alert(rs);
|
});
|
}
|
|
function UpdateById() {
|
var data = getModel();
|
|
ajax("Op/UpdateById", "POST", data, null, null, function (rs) {
|
console.log(rs);
|
alert(rs);
|
});
|
}
|
|
function getModel() {
|
var model = {
|
id: $("#id").val(),
|
name: $("#name").val(),
|
json: $("#json").val()
|
};
|
|
return JSON.stringify(model);
|
}
|
|
function InsertGrid() {
|
var data = getGrid();
|
|
ajax("Grid/Insert", "POST", data, null, null, function (rs) {
|
console.log(rs);
|
alert(rs);
|
});
|
}
|
|
function UpdateGridById() {
|
var data = getGrid();
|
|
ajax("Grid/UpdateById", "POST", data, null, null, function (rs) {
|
console.log(rs);
|
alert(rs);
|
});
|
}
|
|
function getGrid() {
|
var model = {
|
id: $("#gid").val(),
|
json: $("#gjson").val()
|
};
|
|
return JSON.stringify(model);
|
}
|
|
function InsertImg() {
|
var data = getImg();
|
|
ajax("Img/Insert", "POST", data, null, null, function (rs) {
|
console.log(rs);
|
alert(rs);
|
});
|
}
|
|
function UpdateImgById() {
|
var data = getImg();
|
|
ajax("Img/UpdateById", "POST", data, null, null, function (rs) {
|
console.log(rs);
|
alert(rs);
|
});
|
}
|
|
function getImg() {
|
var model = {
|
id: $("#iid").val(),
|
name: $("#iname").val(),
|
path: $("#ipath").val(),
|
json: $("#ijson").val()
|
};
|
|
return JSON.stringify(model);
|
}
|
|
function UploadImg() {
|
var formData = new FormData();
|
var fs = document.getElementById("imgs");
|
for (var i = 0, c = fs.files.length; i < c; i++) {
|
formData.append(fs.files[i].name, fs.files[i]); // name, file
|
}
|
|
$.ajax("Img/Upload", {
|
type: "POST",
|
data: formData,
|
async: true,
|
cache: false,
|
processData: false,
|
contentType: false,
|
success: function (rs) {
|
console.log(rs);
|
alert(JSON.stringify(rs));
|
},
|
error: function (e) {
|
console.error(e);
|
alert("上传文件失败！");
|
}
|
});
|
}
|
|
function ajax(url, type, data, dataType, contentType, fn) {
|
$.ajax({
|
url: url,
|
type: type,
|
data: data,
|
dataType: dataType || "json", // html、json、jsonp、script、text
|
contentType: contentType || "application/json", // "application/x-www-form-urlencoded"
|
success: function (data) {
|
fn(data);
|
},
|
error: function (e) {
|
console.error(e);
|
}
|
});
|
}
|
</script>
|
</head>
|
<body>
|
<a href="http://localhost/JiangSu/Values/Get">Test</a>
|
<span style="width: 50px;"> </span>
|
<a href="http://localhost/JiangSu/Img/GetGps">GetGps</a>
|
<br /> <br />
|
|
<a href="http://localhost/JiangSu/Op/SelectByPage?pageSize=10&pageIndex=1&name=">SelectByPage?pageSize=10&pageIndex=1&name=</a> <br />
|
|
<a href="http://localhost/JiangSu/Op/SelectById?id=1">SelectById?id=1</a> <br />
|
|
<a href="http://localhost/JiangSu/Op/DeleteByIds?ids=47&ids=14">DeleteByIds?ids=47&ids=14</a> <br /> <br />
|
|
<form>
|
id: <input id="id" name="id" value="3" /> <br />
|
name: <input id="name" name="name" value="A" /> <br />
|
json: <input id="json" name="json" value="{}" /> <br />
|
|
<input type="button" value="Insert" onclick="Insert();" />
|
<input type="button" value="UpdateById" onclick="UpdateById();" /><br /> <br />
|
|
网格：<a href="http://localhost/JiangSu/Grid/SelectAll">SelectAll</a>
|
<a href="http://localhost/JiangSu/Grid/SelectById?id=1">SelectById?id=1</a>
|
<a href="http://localhost/JiangSu/Grid/DeleteByIds?ids=12&ids=13">DeleteByIds?ids=12&ids=13</a> <br />
|
|
id: <input id="gid" value="12" /> <br />
|
json: <textarea id="gjson" style="width: 1024px;height: 70px;">{ "type": "Feature", "properties": { "ID": "12", "NAME": "Area8", "REMARK": "" }, "geometry": { "type": "Polygon", "coordinates": [ [ [ 120.24179180542139, 32.005615085853492, 13.770 ], [ 120.24175240823769, 32.005610442630996, 13.770 ], [ 120.24173428512847, 32.005722106674966, 13.770 ], [ 120.24177368235908, 32.005726749902777, 13.770 ], [ 120.24179180542139, 32.005615085853492, 13.770 ] ] ] } }</textarea> <br />
|
<input type="button" value="InsertGrid" onclick="InsertGrid();" />
|
<input type="button" value="UpdateGridById" onclick="UpdateGridById();" /><br /> <br />
|
|
|
图片：<a href="http://localhost/JiangSu/Img/SelectByPage?pageSize=10&pageIndex=1&name=">SelectByPage?pageSize=10&pageIndex=1&name=</a> <span style="width: 50px;"> </span>
|
<a href="http://localhost/JiangSu/Img/SelectById?id=1">SelectById?id=1</a> <span style="width: 50px;"> </span>
|
<a href="http://localhost/JiangSu/Img/DeleteByIds?ids=3&ids=0">DeleteByIds?ids=3&ids=0</a> <br />
|
|
id: <input id="iid" value="1" /> <br />
|
name: <input id="iname" value="1.jpg"/> <br />
|
path: <input id="ipath" value="Images/1.jpg"/> <br />
|
json: <input id="ijson" value="{}"/> <br />
|
<input type="button" value="InsertImg" onclick="InsertImg();" />
|
<input type="button" value="UpdateImgById" onclick="UpdateImgById();" />
|
<label for="apifiles">选择图片：</label>
|
<input id="imgs" type="file" multiple="multiple" accept=".jpg,.png" />
|
<input value="UploadImg" type="button" onclick="UploadImg();" />
|
<br /> <br />
|
</form>
|
</body>
|
</html>
|
