teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

1

htmlを修正しました

2020/06/20 13:04

投稿

mikeko0901
mikeko0901

スコア227

title CHANGED
File without changes
body CHANGED
@@ -1,4 +1,3 @@
1
- jquery初心者です。。
2
1
  関数で取得した値を、returnで返し、関数の外で使用したいです。
3
2
  そして、別のページにpostで渡したいです。しかしうまく行きません…
4
3
  以下、コードです。
@@ -30,7 +29,7 @@
30
29
  <div>
31
30
  「ご利用開始」ボタンをクリックすると、その時点から24時間、こちらのKEY OPEN SYSTEMをご利用いただけます。
32
31
  </div>
33
-
32
+
34
33
  <div>
35
34
  <form method="post" action="open.php">
36
35
  <div class="form-group row mt-4">
@@ -48,38 +47,39 @@
48
47
  </div>
49
48
  </form>
50
49
  </div>
51
-
50
+
52
51
  </div>
52
+ </div>
53
53
 
54
54
  <footer class="text-center pt-1 pb-1 small fixed-bottom">
55
- 省略
55
+ 省略
56
56
  </footer>
57
-
58
-
57
+
58
+
59
59
  <!-- liff用scriptを読み込む -->
60
60
  <script src="https://static.line-scdn.net/liff/edge/2/sdk.js"></script>
61
- <!--<script src="../style/liff.js"></script> -->
61
+ <!--<script src="../style/liff.js"></script> -->
62
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
62
+ <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
63
- <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
63
+ <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
64
-
64
+
65
- <script>
65
+ <script>
66
- function getProfile(){
66
+ function getProfile(){
67
67
  // https://developers.line.me/ja/reference/liff/#liffgetprofile()
68
68
  var obj2 = new Object();
69
69
  var obj2 = liff.getProfile().then(function (profile) {
70
70
  var obj = new Object();
71
71
  obj.userId = profile.userId;
72
72
  obj.userName = profile.displayName;
73
-
73
+
74
74
  alert ("★getProfile中のalert" + obj.userId);
75
-
75
+
76
76
  return obj;
77
77
  });
78
-
78
+
79
79
  return obj2;
80
80
  }
81
-
82
81
 
82
+
83
83
  function displayLiffData() {
84
84
  const isInClient = liff.isInClient();
85
85
  const isLoggedIn = liff.isLoggedIn();
@@ -90,37 +90,36 @@
90
90
  document.getElementById("button").style.display ="block";
91
91
  }
92
92
  }
93
-
93
+
94
- window.addEventListener('load', function() {
94
+ window.addEventListener('load', function() {
95
95
  //初期化
96
96
  liff.init({
97
97
  liffId: "1654330436-BKj1ZRrQ"}).then(() => {
98
98
  getProfile();
99
99
  displayLiffData();
100
-
100
+
101
101
  });
102
102
  })
103
-
104
-
103
+
104
+
105
105
  //できない
106
106
  $('button').click(function() {
107
-
107
+
108
108
  var obj = getProfile();
109
109
  alert ("clickのalert" + obj.userId);
110
110
  $('#user_name').val(obj.userName); //input type hiddenの値を書き換える
111
111
  $('#line_id').val(obj.userId);
112
112
  $('form').submit(); //formタグを指定
113
-
113
+
114
114
  })
115
-
116
-
117
115
 
116
+
117
+
118
- </script>
118
+ </script>
119
119
  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script>
120
120
  <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>
121
121
  <script defer src="https://use.fontawesome.com/releases/v5.2.0/js/all.js"></script>
122
- </div>
122
+
123
- </div>
124
123
  </body>
125
124
  </html>
126
125
  ```