ユーザーがデータ(名前、年齢、州、国)を入力した後、submit.vpをクリックしてabout.phpにリダイレクトするファイルindex.phpがあります。 about.phpに彼の情報が表示されます。どのようにjqueryを使用して達成する。私は、ウェブ開発に新しいです、ここに私のコードです:両方で約含まjqueryを使用して別のWebページのデータに基づいて動的Webページを作成
<div class="table-responsive">
<table class="table table-bordered" id = "about-table">
<thead>
<tr>
<th>#</th>
<th>name</th>
<th>age</th>
<th>state</th>
<th>country</th>
</tr>
</thead>
<tbody></tbody>
</table>
script.js(about.php
のindex.php
<div class="row">
<div class="col-md-3 no-padding">
<input type="text" id = "name" >
</div>
<div class="col-md-3 no-padding">
<input type="text" id = "age" >
</div>
<div class="col-md-3 no-padding">
<input type="text" id = "state" >
</div>
<div class="col-md-3 no-padding">
<input type="text" id = "country" >
</div>
<a href="about.php">
<button type="submit" class="btn btn-primary center-block col-md-2" id = "submit">Submit</button>
</a>
.phpとindex.php)
$("#submit").on("click",function(){
var name = $("#name").val()
var age = $("#age").val()
var state = $("#state").val()
var country = $("#country").val()
var newRow = $("<tr>");
var cols = "";
cols += '<td>' + name +'</td>';
cols += '<td>' + age + '</td>';
cols += '<td>' + state + '</td>';
cols += '<td>' + country + '</td>';
newRow.append(cols);
$("#about-table").append(newRow);
});
PHPでフォームを処理する方法についていくつかの基礎研究/学習をしてください。 –
クライアント側のページ間でデータを持ち越すことはできません。a)以前にデータを入れたURLを解析する、b)またはc)ローカルまたはセッションストレージを使用する – Cruiser
index.phpからabout.phpにデータを渡す方法は? script.js内のデータを取得しています。このデータを渡してindex.phpを生成する方法を教えてください。助けてください。 –