|
|
@@ -1,37 +1,63 @@
|
|
|
<!doctype html>
|
|
|
-<html lang="zh">
|
|
|
+<html lang="utf-8">
|
|
|
<head>
|
|
|
<!-- Required meta tags -->
|
|
|
<meta charset="utf-8">
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
-
|
|
|
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
|
|
+ <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
|
|
|
<!-- Bootstrap CSS -->
|
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
|
|
|
|
|
|
- <title>Hello, world!</title>
|
|
|
+ <title>幸福經紀人</title>
|
|
|
</head>
|
|
|
<body>
|
|
|
+ <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
|
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
|
|
|
|
|
|
- <form role="form" id="form_register">
|
|
|
- <input type="text" class="form-control" id="cellphone" placeholder="手機號碼" name="cellphone">
|
|
|
- <button type="submit" class="btn btn-light">
|
|
|
- <span class="lead font-weight-bold">
|
|
|
- 立即查詢 <i class="ml-1 fas fa-sign-in-alt"></i>
|
|
|
- </span>
|
|
|
- </button>
|
|
|
- </form>
|
|
|
+ <div class="my-5 container text-center col-sm-12 col-md-8">
|
|
|
+ <h2 class="mb-5">幸福經紀人－客戶手機號碼批次查詢</h2>
|
|
|
+ <form role="form" id="form_check">
|
|
|
+ <!-- <div class="mb-5">
|
|
|
+ <input type="text" class="form-control" id="cellphone" placeholder="手機號碼" name="cellphone">
|
|
|
+ </div> -->
|
|
|
+ <div class="form-group">
|
|
|
+ <label for="description"><b>手機號碼清單</b></label>
|
|
|
+ <textarea class="form-control" rows="10" id="cellphone_list" name="cellphone_list" placeholder="請輸入手機號碼清單"></textarea>
|
|
|
+ </div
|
|
|
+ <div>
|
|
|
+ <button id="form_check_submit" type="submit" class="btn btn-light">
|
|
|
+ <span class="lead font-weight-bold">
|
|
|
+ 立即查詢 <i class="ml-1 fas fa-sign-in-alt"></i>
|
|
|
+ </span>
|
|
|
+ </button>
|
|
|
+ </div>
|
|
|
+ </form>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div id="customer_note">備註</div>
|
|
|
</body>
|
|
|
|
|
|
<script>
|
|
|
-$(document).ready(function(){
|
|
|
- axios({
|
|
|
- method: 'get',
|
|
|
- baseURL: 'http://139.162.121.30',
|
|
|
- url: '/users',
|
|
|
- 'Content-Type': 'application/json',
|
|
|
- })
|
|
|
- .then((result) => { console.log(result.data) })
|
|
|
- .catch((err) => { console.error(err) })
|
|
|
+$(document).ready(function () {
|
|
|
+ $("#form_check").submit(function(e) {
|
|
|
+ var param_string = $('#form_check').serialize();
|
|
|
+ alert('param_string = ' + param_string); // test
|
|
|
+
|
|
|
+ axios({
|
|
|
+ method: 'get',
|
|
|
+ url: 'http://139.162.121.30:8887/check',
|
|
|
+ 'Content-Type': 'application/json',
|
|
|
+ })
|
|
|
+ .then((result) => {
|
|
|
+ console.log(result.data)
|
|
|
+ $("#customer_note").text(result.data.customer_note);
|
|
|
+ })
|
|
|
+ .catch((err) => { console.error(err) })
|
|
|
+ return false;
|
|
|
+
|
|
|
+
|
|
|
+ });
|
|
|
+});
|
|
|
</script>
|
|
|
</html>
|
