Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 107,997

HOME > PHP > PHP Forum > อยากรู้วิธีการใช้ ajax ดึงค่าจาก array ในหน้าเดียวกันครับ จากเดิมมี2หน้าอยากเอามารวมกันส่งในหน้าเดียว



 

อยากรู้วิธีการใช้ ajax ดึงค่าจาก array ในหน้าเดียวกันครับ จากเดิมมี2หน้าอยากเอามารวมกันส่งในหน้าเดียว

 



Topic : 133596



โพสกระทู้ ( 8 )
บทความ ( 0 )



สถานะออฟไลน์
Facebook



หน้า1.PHP
Code (PHP)
 $arr2 = array();
  while($row = pg_fetch_array($result))
  {
  $created_at = $row['created_at'];
  $product = $row['product'];
  $data = json_decode($row['data']);

  if(isset($data->latitude)){
  $arr = array();



  $arr["latitude"] = $data->latitude;
  $arr["longitude"] = $data->longitude;
  $arr["id"] = $data->id;


  array_push($arr2,$arr);
  }
  }


    
    function Json_Super_Unique($array,$key){
       $temp_array = array();
       foreach ($array as &$v) {
           if (!isset($temp_array[$v[$key]]))
           $temp_array[$v[$key]] =& $v;
       }
       $array = array_values($temp_array);
       return $array;
    }
       
    $api= Json_Super_Unique($arr2, 'id');
    echo json_encode($api);

    pg_close();
?>




หน้า2.html

Code (HTML)
 var makers = [];
      function selectLocation() {
        $.ajax({
          type: "POS",
          url: "หน้า1.php"
        }).done(function(text) {
          var json = $.parseJSON(text);
          for (var i = 0; i < json.length; i++) {
            var latitude = json[i].latitude;
            var longitude = json[i].longitude;
            var id = json[i].id;
            var latitudelongitude = new google.maps.LatLng(latitude, longitude);




Tag : PHP, HTML, JavaScript, Ajax









ประวัติการแก้ไข
2019-05-16 10:19:17
2019-05-16 10:19:42
2019-05-16 10:20:19
2019-05-16 10:20:35
2019-05-16 10:25:39
Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2019-05-16 10:18:22 By : nuithestd View : 172 Reply : 4
 

 

No. 1



โพสกระทู้ ( 8,016 )
บทความ ( 2 )



สถานะออฟไลน์


คำถามไม่กระจ่าง อ่านแล้วงง
จะส่งอะไร 2 หน้า หรือ 2 url หรืออะไรแน่ครับ






แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2019-05-16 10:50:04 By : Chaidhanan
 


 

No. 2



โพสกระทู้ ( 8 )
บทความ ( 0 )



สถานะออฟไลน์
Facebook

ตอบความคิดเห็นที่ : 1 เขียนโดย : Chaidhanan เมื่อวันที่ 2019-05-16 10:50:04
รายละเอียดของการตอบ ::
ตอนนี้คือผมมีโคตอยู่2หน้าครับ แบบด้านล่างนี้ครับ แต่ต้องการเอามารวมกันหน้าเดียว จะต้องทำยังไงเพราะมีการใช้ ajax ดึงค่าจาก array อีกหน้า
หน้าแรก.php
Code (PHP)
<?php
   $host        = "host = xxxx";
   $port        = "port = xxx";
   $dbname      = "dbname = xxxx";
   $credentials = "user = xxxx password=xxx";

  $query = pg_connect( "$host $port $dbname $credentials"  );



  $query = "SELECT * FROM data WHERE product ='xxx' and created_at between 'xxx' and 'xxx' ";
  $result = pg_query($query);

  $arr2 = array();
  while($row = pg_fetch_array($result))
  {

  $data = json_decode($row['data']);

  if(isset($data->latitude)){
  $arr = array();



  $arr["latitude"] = $data->latitude;
  $arr["longitude"] = $data->longitude;
  $arr["id"] = $data->id;


  array_push($arr2,$arr);
  }
  }

  
    
    function Json_Super_Unique($array,$key){
       $temp_array = array();
       foreach ($array as &$v) {
           if (!isset($temp_array[$v[$key]]))
           $temp_array[$v[$key]] =& $v;
       }
       $array = array_values($temp_array);
       return $array;
    }
       
    $api= Json_Super_Unique($arr2, 'id');
    echo json_encode($api);

    pg_close();
?>



หน้า2.html
Code (HTML)
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
  <head>
    <title>ECU Google Map API</title>
    <!--  <meta http-equiv="refresh"  content="15"> -->

    <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?sensor=false&callback=initMap"></script>
    <script type="text/javascript" src="jquery-1.11.2.min.js"></script>
    <script language="JavaScript">
      var map;
      var infowindow;
      function setupMap() {
        var myOptions = {
          zoom: 5,
          center: new google.maps.LatLng(13.725647, 100.605628),
          mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        map = new google.maps.Map(
          document.getElementById("map_canvas"),
          myOptions
        );

        infowindow = new google.maps.InfoWindow();

        selectLocation();
      }

      var makers = [];
      function selectLocation() {
        $.ajax({
          type: "POS",
          url: "หน้าแรก.php" //ตรงนี้ครับจะต้องทำยังไง
        }).done(function(text) {
          var json = $.parseJSON(text);
          for (var i = 0; i < json.length; i++) {
            var latitude = json[i].latitude;
            var longitude = json[i].longitude;
            var id = json[i].id;
            var latitudelongitude = new google.maps.LatLng(latitude, longitude);

            if (car == 1) {
              var makeroption = {
                map: map,
                icon: "icon1.png",
                html:
                  "<B>API DATA</B><br>" +
                  "ID : " +
                  id +
                  "<br>" +
                  "Product : " +
                  product +
                  "<br>" +
                  "Date/Time : " +
                  created_at +
                  "<br>" +
                  "Car : " +
                  car,
                position: latitudelongitude
              };
            }else{
				var makeroption = {
                map: map,
                icon: "icon2.png",
                html:
                  "<B>API DATA</B><br>" +
                  "ID : " + id + "<br>" +
                  "Product : " + product +"<br>" +
                  "Date/Time : " + created_at +"<br>" +
                  "Car : " + car,
                position: latitudelongitude
              };
			}
            var marker = new google.maps.Marker(makeroption);

            google.maps.event.addListener(marker, "click", function(e) {
              infowindow.setContent(this.html);
              infowindow.open(map, this);
            });
          }
        });
      }
    </script>
  </head>


  <div class="center">
                <body onload="setupMap()">
                <div id="map_canvas" style="width:100%;height:70%;"></div>
  </div>
  
  </body>
</html>






ประวัติการแก้ไข
2019-05-16 11:52:00
2019-05-16 11:57:23
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2019-05-16 11:51:31 By : nuithestd
 

 

No. 3



โพสกระทู้ ( 8,016 )
บทความ ( 2 )



สถานะออฟไลน์


echo json_encode($api); บันทัดนี้ คือการส่ง จาก php;

ส่วน html javascript
$.ajax({
type: "POS",
url: "หน้าแรก.php" //ตรงนี้ครับจะต้องทำยังไง
}).done(function(text) {

สีแดง ค่าที่รรับ

text จะ เท่ากับ json_encode($api);

var json = $.parseJSON(text); แปลงค่า text ให้อยู่ในรูป object เพื่อใช้อ้างอิงได้ง่ายๆ

ผมก็ยังไม่รู้อยู่ดีว่าคุณต้องการอะไรแน่ คงต้องรอท่านอื่นล่ะครับ ที่อาจจะเข้าใจที่คุณต้องการ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2019-05-16 12:03:07 By : Chaidhanan
 


 

No. 4



โพสกระทู้ ( 3,583 )
บทความ ( 8 )



สถานะออฟไลน์


ผมดูแล้วก็เห็นว่ามีแค่หน้าหนึ่งใช้ js ดึงค่าผ่าน ajax ไปยังหน้าที่เป็น php ตามปกติเหมือนที่เขาทำกันทั่วไป แล้วมันยังไง?

จะเอามารวมหน้าเดียว? ก็เอาส่วน php ไว้บน แล้วใช้ if ครอบเอาว่าถ้ามีการเรียกแบบ HTTP_X_REQUESTED_WITH ก็ค่อย echo ออกมาเสร็จแล้วก็ exit() ไปเลย
แบบนี้ก็อยู่ในหน้าเดียวกันได้
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2019-05-17 00:18:44 By : mr.v
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : อยากรู้วิธีการใช้ ajax ดึงค่าจาก array ในหน้าเดียวกันครับ จากเดิมมี2หน้าอยากเอามารวมกันส่งในหน้าเดียว
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ FTP| ใส่แถวของตาราง ใส่คอลัมน์ตาราง| ตัวยก ตัวห้อย ตัวพิมพ์ดีด| ใส่โค้ด ใส่การอ้างถึงคำพูด| ใส่ลีสต์
smiley for :lol: smiley for :ken: smiley for :D smiley for :) smiley for ;) smiley for :eek: smiley for :geek: smiley for :roll: smiley for :erm: smiley for :cool: smiley for :blank: smiley for :idea: smiley for :ehh: smiley for :aargh: smiley for :evil:
Insert PHP Code
Insert ASP Code
Insert VB.NET Code Insert C#.NET Code Insert JavaScript Code Insert C#.NET Code
Insert Java Code
Insert Android Code
Insert Objective-C Code
Insert XML Code
Insert SQL Code
Insert Code
เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

   
  เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง
 
โดย
อีเมล์
บวกค่าให้ถูก
<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)







Exchange: Voake, Comcube, รับทำเว็บไซต์ รับเขียนโปรแกรม

Load balance : Server 03
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2019 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 , 08-9968-0655 อัตราราคา คลิกที่นี่