Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,038

HOME > PHP > PHP Forum > ช่วยทีครับ ต้องการส่งค่า Json ใน codeigniter จาก Controller ไปแสดงผลหน้า View แต่ขึ้น SyntaxError: JSON.parse

[PHP] ช่วยทีครับ ต้องการส่งค่า Json ใน codeigniter จาก Controller ไปแสดงผลหน้า View แต่ขึ้น SyntaxError: JSON.parse

เริ่มหัวข้อใหม่

petchmaker

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

ช่วยทีครับ ต้องการส่งค่า Json ใน codeigniter จาก Controller ไปแสดงผลหน้า View แต่ขึ้น
SyntaxError: JSON.parse: unexpected character at line 1 column 1 of the JSON data
แก้มา 2 วันแล้วก็ไม่ได้ซักที ขอความกรุณาผู้รู้ช่วยเหลือผมทีครับ T-T

อันนี้รูปแสดงผล
error

อันนี้ใน Controller

<?php
    public function categoryGetjson(){      
        mysql_query("SET NAMES UTF8");
        $strSQL = "SELECT * FROM tb_category WHERE 1 AND category_id = '".$_POST["keyword"]."' ";
        $objQuery = mysql_query($strSQL) or die (mysql_error());
        $intNumField = mysql_num_fields($objQuery);
        $resultArray = array();
        while($obResult = mysql_fetch_array($objQuery))
        {
            $arrCol = array();
            for($i=0;$i<$intNumField;$i++)
            {
                $arrCol[mysql_field_name($objQuery,$i)] = $obResult[$i];
            }
            array_push($resultArray,$arrCol);
        }
 
         
        echo json_encode($resultArray);
    }
?>

อันนี้ใน View

<meta http-equiv="Content-Type" content="application/json; charset= utf-8 " />
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" >
$(document).ready(function(){
 
    //testAlert
    $("#bt").click(function(){
        alert("ok");
    });
    //testAlert
 
    $("#btn1").click(function(){
            $.ajax({ 
                url: "categoryGetjson" ,
                type: "POST",
                data: 'keyword=' +$("#txtCategoryId").val()
            })
            .success(function(result) { 
 
                    $("#div1").empty();
                    $("#div1").html(result);
 
                var obj = $.parseJSON(result);
                  $.each(obj, function(key, val) {
 
                       $("#div1").append('<hr />');
                       $("#div1").append('[' + key + '] ' + 'CategoryID=' + val["category_id"] +'<br />');
                       $("#div1").append('[' + key + '] ' + 'CategoryName=' + val["category_name"] +'<br />');
                       $("#div1").append('[' + key + '] ' + 'categoryAge=' + val["category_age"] +'<br />');
 
                  });
 
            })
            .error(function(err){
                alert("ERROR : "+err);
            });
 
        });
 
    });
</script>
</head>
<body>
Search Customer (CountryCode)
<input type="text" id="txtCategoryId">
<input type="button" id="btn1" value="Search">
<div id="div1"></div>
 
</body>
</html>

Tag : PHP, JavaScript, Ajax

Date : 2015-06-17 22:51:24

By : petchmaker

View : 2039

Reply : 3

No. 1

Chaidhanan

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

เอาโปรแกรมไปลองเทสต์ก็ปกติดีครับ code ที่นำไปเทสต์
Code (PHP)

<?php
if(ISSET($_REQUEST['keyword'])){
    echo json_encode(array(
        array('category_id'=>1, 'category_name'=>'ชื่อภาษาไทย', 'category_age'=>20),
        array('category_id'=>2, 'category_name'=>'catename2', 'category_age'=>30),
    ));
    exit;
}
?>
<html>
<head>
<meta charset = "utf-8" />
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" >
$(document).ready(function(){
    $("#btn1").click(function(){
        $.ajax({ 
            //url: "categoryGetjson" ,
            type: "POST",
            data: 'keyword=' +$("#txtCategoryId").val()
        }).success(function(result) { 
            $("#div1").empty();
            $("#div1").html(result);
            var obj = $.parseJSON(result);
            $.each(obj, function(key, val) {
                $("#div1").append('<hr />');
                $("#div1").append('[' + key + '] ' + 'CategoryID=' + val["category_id"] +'<br />');
                $("#div1").append('[' + key + '] ' + 'CategoryName=' + val["category_name"] +'<br />');
                $("#div1").append('[' + key + '] ' + 'categoryAge=' + val["category_age"] +'<br />');
            });
        }).error(function(err){
            alert("ERROR : "+err);
        });
    });
});
</script>
</head>
<body>
Search Customer (CountryCode)
<input type="text" id="txtCategoryId">
<input type="button" id="btn1" value="Search">
<div id="div1"></div>
</body>
</html>

Date : 2015-06-18 07:20:45

By : Chaidhanan

No. 2

petchmaker

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

code ที่ผมลง ผมก็ลอง test ด้วยการเขียนเว็บแบบปกติ แล้วมันก็ใช้ได้นะครับ
แต่พอเอาไปลงใน codeigniter framework เท่านั้นล่ะ มันก็ error อย่างที่เห็น
ผมก็เลยไม่ทราบว่าเป็นเป็นเพราะอะไรกันแน่ ลองหาข้อมูลในเน็ต แก้มาแล้วเป็นวันๆก็ยังไม่หายซักที

Date : 2015-06-18 12:26:30

By : petchmaker

No. 3

Chaidhanan

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

ดูจาก วิธีเรียก มันผิดน่ะครับ แต่เมื่อมันได้ string result มาถูกต้อง เป็นรูปแบบ json_encode
ก็เลยคิดไปว่า จขกท คงไม่อยากเอาโค๊ดจริง จาก controller มาแสดง เลยตัดเป็นบางส่วน มา
ก็เลยเทสต์แต่เฉพาะส่วนของ html jquery

แต่ถ้าเป็นโค๊ดที่ใช้งานจริงๆ ก็คงเอาตัวอย่างจาก โค๊ดที่ถูกมาแสดง ไม่ได้เอาโค๊ดจาก ci มาแสดง
เพราะ code ci ต้องเขียน โค๊ดส่วนของ controller ให้ถูกรูปแบบครับ
จะต้องเขียนในรูปแบบ class ชื่อ คลาสต้องขึ้นต้นด้วยตัวใหญ่ และตัวอื่นๆ ต้องเป้นตัวเล็ก( ตัวต่อไปเป็นตัวเล็กนี่ไม่แน่ใจ แต่ใช้อยู่แบบนี้)

Code (PHP)

class Categorygetjson extends CI_Controller{
     public function index(){
         // ส่วนของโค๊ดต่างๆ เขียนตรงนี้
     }
}

และ ajax ก็ต้องเขียนเรียก
$.ajax({ url: '/categorygetjson' type: 'POST', data: '...' }).success(function( JSData ){ ..... });
ก็ไม่รู้ว่า จขกท เขียนในรูปแบบนี้หรือเปล่า

ปล.ชื่อไฟล์ที่เซฟ ก็ต้องเป้นตัวเล็กหมด categorygetjson.php

ประวัติการแก้ไข
2015-06-18 17:49:32
2015-06-18 17:50:03
2015-06-18 17:51:06

Date : 2015-06-18 17:48:20

By : Chaidhanan

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : ช่วยทีครับ ต้องการส่งค่า Json ใน codeigniter จาก Controller ไปแสดงผลหน้า View แต่ขึ้น SyntaxError: JSON.parse

รายละเอียด

เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

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

Notice

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

เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง

โดย

อีเมล์

บวกค่าให้ถูก

<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)

Load balance : Server 02

Registered : 109,038