回答編集履歴

調整

2018/08/02 09:04

投稿

yambejp

スコア114845

test CHANGED Viewed

@@ -214,7 +214,7 @@
     $.ajax({
-      "url": 'y.php',
+      "url": 'ajax.php',
       "type": "POST",

さらに

2018/08/02 09:04

投稿

yambejp

スコア114845

test CHANGED Viewed

@@ -181,3 +181,163 @@
 ?>
 ```
+# さらに追記
+何も選択されていなければ全て表示。
+そこから選択されたものを以外を削っていくような形
+- 元.htm
+```HTML
+<script>
+$(function(){
+  $('.result').html('aaa');
+  $('button').on('click',function(event) {
+    event.preventDefault();
+    var html = '';
+    var formdata = new FormData($('#form').get(0));
+    $.ajax({
+      "url": 'y.php',
+      "type": "POST",
+      "dataType": "html",
+      "data":formdata,
+      "cache":false,
+      "processData": false,
+      "contentType": false,
+    }).done(function(data){
+      console.log(data);
+      $('.result').html(data);
+    });
+  });
+});
+</script>
+<form id="form" name="search" action="" method="POST">
+color:
+<label><input type="radio" name="color" value="red">赤</label>
+<label><input type="radio" name="color" value="blue">青</label><br>
+type:
+<label><input type="radio" name="type" value="a">a</label>
+<label><input type="radio" name="type" value="b">b</label>
+<label><input type="radio" name="type" value="c">c</label><br>
+<button class="submit" value="検索">検索</button>
+<input type="reset" value="リセット">
+</form>
+<section class="result"></section>
+```
+- ajax.php
+少しパターンを増やしました
+```PHP
+$color=filter_input(INPUT_POST,"color");
+$type=filter_input(INPUT_POST,"type");
+$data = [
+  "test"=>[
+    [
+      "color"=>"red",
+      "type"=>"a",
+    ],
+    [
+      "color"=>"red",
+      "type"=>"b",
+    ],
+    [
+      "color"=>"blue",
+      "type"=>"a",
+    ],
+    [
+      "color"=>"blue",
+      "type"=>"c",
+    ],
+    [
+      "color"=>"yellow",
+      "type"=>"a",
+    ],
+  ],
+];
+$result = array_filter($data["test"],function($x) use($color,$type) {
+  return (is_null($color) or $x["color"]==$color) and (is_null($type) or $x["type"]==$type);
+});
+print_r($result);
+```
+$colorと$typeはand検索（$colorも$typeも両方ヒットするもの）にしてあります

tuika

2018/08/02 09:03

投稿

yambejp

スコア114845

test CHANGED Viewed

@@ -49,3 +49,135 @@
 print_r($result);
 ```
+# 追加分
+- 元.htm
+```javascript
+<script>
+$(function(){
+  $('.result').html('aaa');
+  $('button').on('click',function(event) {
+    event.preventDefault();
+    var html = '';
+    var formdata = new FormData($('#form').get(0));
+    $.ajax({
+      "url": 'ajax.php',
+      "type": "POST",
+      "dataType": "html",
+      "data":formdata,
+      "cache":false,
+      "processData": false,
+      "contentType": false,
+    }).done(function(data){
+      console.log(data);
+      $('.result').html(data);
+    });
+  });
+});
+</script>
+<form id="form" name="search" action="" method="POST">
+color:
+<label><input type="radio" name="color" value="red" checked>赤</label>
+<label><input type="radio" name="color" value="blue">青</label><br>
+type:
+<label><input type="radio" name="type" value="a" checked>a</label>
+<label><input type="radio" name="type" value="b">b</label>
+<label><input type="radio" name="type" value="c">c</label><br>
+<button class="submit" value="検索">検索</button>
+</form>
+<section class="result"></section>
+```
+- ajax.php
+```PHP
+$color=filter_input(INPUT_POST,"color");
+$type=filter_input(INPUT_POST,"type");
+$data = [
+  "test"=>[
+    [
+      "color"=>"red",
+      "type"=>"a",
+    ],
+    [
+      "color"=>"red",
+      "type"=>"b",
+    ],
+    [
+      "color"=>"blue",
+      "type"=>"c",
+    ],
+  ],
+];
+$result = array_filter($data["test"],function($x) use($color,$type) {
+  return $x["color"]==$color and $x["type"]==$type;
+});
+print_r($result);
+?>
+```