อยากทราบถึงวิธีแปลงค่าตัวแปร array ใน js เป็น php

	
var points=new Array();

function drawPoint()
{
    gr.fillRectangle(new jsColor("green"),new jsPoint(mouseX-6,mouseY-6),6,6);
	points[points.length]=new jsPoint(mouseX-3,mouseY-3);
	pointst[pointst.length]=new jsPoint(mouseX-3,mouseY-3);
    showPoints();
	//points=new Array();
}
function showPoints()
{	
	var n=6;
	var txt=document.getElementById("txt");
	txt.innerHTML="";
	
	for(var i=0;i<points.length;i++)
	{
		txt.innerHTML=txt.innerHTML + "Point(" + points[i].x + "," + points[i].y + "),";
	}
	
//ส่วนแปลง ajax	

$(document).ready(function(){

	$("#btn1").click(function(){
			$.ajax({ 
				url: "test2.php" ,
				type: "POST",
				datatype: "json",
				
				data: 'keyword={ "point_x":"'+$("#points").val()+'" ,"point_y":"'+$("#points").val()+'"}'
				 })
				
			.success(function(result) { 
				var obj = jQuery.parseJSON(result);
				if(obj.status == true)
				{
					alert('Success !!! ' + obj.msg);
				}
				else
				{
					alert('Sadddddd !!! ' + obj.msg);
				}

			});

		});
	});
	
	
	
	
}

<script language="javascript"  type="text/javascript">
var canvasDiv=document.getElementById("canvas");
var gr=new jsGraphics(canvasDiv);
setPen(true);
	
var points=new Array();
var ie=false;
if(document.all)
	ie=true;
if (!ie)
{
 //canvasDiv.captureEvents(Event.MOUSEMOVE);
 //canvasDiv.captureEvents(Event.CLICK);
}
canvasDiv.onmousemove = getMouseXY;
canvasDiv.onclick=drawPoint;
var mouseX = 0;
var mouseY = 0;
//Get mouse position
function getMouseXY(e)
{
  if (ie) 
	{
    mouseX = event.clientX + document.body.parentElement.scrollLeft;
    mouseY = event.clientY + document.body.parentElement.scrollTop;
  } else { 
    mouseX = e.pageX;
    mouseY = e.pageY;
  }  
  if (mouseX < 0){mouseX = 0}
  if (mouseY < 0){mouseY = 0}  
  
  mouseX =mouseX - canvasDiv.offsetLeft;
  mouseY =mouseY - canvasDiv.offsetTop;
  return true;
}
function setPen(noAlert)
{
	
		
	if(!noAlert)
	{
		if(points.length==0 )
		{
			alert("Please click at any location on the blank canvas at left side to plot the points!");
			return false;
		}
		else if(points.length==1)
		{
			alert("2 or more points are required to draw any curve! Please plot more points by clicking at any location on the blank canvas at left side.");
			return false;
		}
	}	
	return true;
}
function drawPoint()
{
    gr.fillRectangle(new jsColor("green"),new jsPoint(mouseX-6,mouseY-6),6,6);
	points[points.length]=new jsPoint(mouseX-3,mouseY-3);

    showPoints();
	//points=new Array();
}
function showPoints()
{	
	var n=6;
	var txt=document.getElementById("txt");
	txt.innerHTML="";
	
	for(var i=0;i<points.length;i++)
	{
		txt.innerHTML=txt.innerHTML + "Point(" + points[i].x + "," + points[i].y + "),";
	}
	
	
$(document).ready(function(){

	$("#btn1").click(function(){
			$.ajax({ 
				url: "test2.php" ,
				type: "POST",
				datatype: "json",
				
				data: 'keyword={ "point_x":"'+$("#points[x]").val()+'" ,"point_y":"'+$("#points[y]").val()+'"}'
				 })
				
			.success(function(result) { 
				var obj = jQuery.parseJSON(result);
				if(obj.status == true)
				{
					alert('Success !!! ' + obj.msg);
				}
				else
				{
					alert('Sadddddd !!! ' + obj.msg);
				}

			});

		});
	});
	
	
	
	
}







</script>

<?
	$strRecive = stripslashes($_POST["keyword"]);

	//echo '<pre>';
	//var_dump(json_decode($strRecive));
	//echo '</pre>';

	$arrData = json_decode($strRecive,true);

	$arrReturn = array();
	// $arrReturn[status]  return status true/false
	// $arrReturn[msg]  return message


	$objConnect = mysql_connect("localhost","root","12345");
	$objDB = mysql_select_db("project");
	$strSQL = "INSERT INTO point ";
	$strSQL .="(point_x,point_y) ";
	$strSQL .="VALUES ";
	$strSQL .="('".$arrData["point_x"]."','".$arrData["point_y"]."' )";
	

	$objQuery = mysql_query($strSQL);
	if($objQuery)
	{
		 $arrReturn[status]  = true;
		 $arrReturn[msg]  = "Insert Successful!";
	}
	else
	{
		 $arrReturn[status]  = false;
		 $arrReturn[msg]  = "Insert Error!! error = ".mysql_error();
	}
	mysql_close($objConnect);

	echo json_encode($arrReturn);
	
	
	
	
		 
		 

?>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en-US">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 
<meta http-equiv="Content-Style-Type" content="text/css"> 
<meta http-equiv="Content-Script-Type" content="text/javascript"> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" >
<meta http-equiv="Content-Language" content="en" >
<META name="description" content="">
<TITLE>Javascript Draw Bezier Curve & Curve through points Demo: jsDraw2D</TITLE>
<link rel="stylesheet" type="text/css" href="../jsdraw2d.css" media="screen" >


</head>

<body>

<script type="text/javascript">
    var addthis_disable_flash = true;
</script>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<div class="container">
<div class="main">
<div class="header">
<div class="title">
<h1>
</h1>
</div>
</div>

<div class="content">
<div class="section">
<script type="text/javascript"><!--
    google_ad_client = "pub-6549306531419697";
    /* jsFictionHor 728x90, created 9/16/09 */
    google_ad_slot = "1107970025";
    google_ad_width = 728;
    google_ad_height = 90;
//-->
</script>
<script type="text/javascript"
src="bootstarp/js/jsDraw2D.js">
</script>

for($i=0; $i<count($points); $i++){
    echo 'points index = [ ' , $i , ' ]  value x = ' , $points[$i]['x'], '    y = ' , $points[$i]['y'], "<br>\n";
}

$("#btn1").click(function(){
	$.ajax({
		url: "test2.php" ,
		type: "POST",
		data: { Points: points }
	}).success(function(result) {
		alert(result);
		var obj = jQuery.parseJSON(result);
		if(obj.status == true){
			alert('Success !!! ' + obj.msg);
		}else{
			alert('Sadddddd !!! ' + obj.msg);
		}
	});
});

<?
   

	$points=$_POST["points"];
	 //print_r($_REQUEST); exit;
	$objConnect = mysql_connect("localhost","root","12345");
	$objDB = mysql_select_db("project");	
	$user = nan;
	
	for($i=0; $i<count($points); $i++){
    //echo 'points index = [ ' , $i , ' ]  value x = ' , $points[$i]['x'], '    y = ' , $points[$i]['y'], "\n"; 
	$strSQL = "INSERT INTO point VALUES (NULL,2,'".$i."','".$points[$i]['x']."','".$points[$i]['y']."',6,'".$user."')";
	
	$objQuery = mysql_query($strSQL);
	}
	
	
	mysql_close($objConnect);


	
	
	
			 

?>

<?php
$points=$_POST["points"];
$mysql=new mysqli("localhost","root","12345", "project");	
$user = nan;
for($i=0; $i<count($points); $i++){
	$x=(int)$points[$i]['x']; $y=(int)$points[$i]['y'];
	$strSQL = "INSERT INTO point VALUES ( NULL , 2 , $i , $x , $y , 6 , '$user' ) ";
	// ค่าที่ใส่อยู่ใน doublie quote แล้วครับ ไม่ต้องใส่ซ้ำอีก และเป็นตัวเลขไม่จำเป็นต้องมี single quote ครอบ
	$mysql->query($strSQL) or die( $strSQL . "<br>\n" . $mysql->error);
}
$mysql->close();
?>

$("#btn1").click(function(){
	$(this).prop('enabled', false); //ปิดการใช้งาน ห้ามกดปุ่มซ้ำ
	$.ajax({
		url: "test2.php" ,
		type: "POST",
		data: { Points: points }
	}).success(function(result) {
		alert(result);
		var obj = jQuery.parseJSON(result);
		if(obj.status == true){
			alert('Success !!! ' + obj.msg);
		}else{
			alert('Sadddddd !!! ' + obj.msg);
		}
	});
	$(this).prop('enabled', true); // ปิดแล้วก็อย่าลืมเปิด
});