easyUIのドメイン間問題の解決
easyUI jsonpドメイン間問題の解決
htmlコード:
jsコード:
loader関数ではajaxを使用してデータを取得し、success関数にデータを渡してテーブルにレンダリングできます.
データ形式:
表示結果:
htmlコード:
<html>
<head lang="en">
<meta charset="UTF-8">
<title>js title>
<link rel="stylesheet" type="text/css" href="../../themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="../../themes/icon.css">
<script type="text/javascript" src="../../js/jquery.min.js">script>
<script type="text/javascript" src="../../js/jquery.easyui.min.js">script>
<script src="myScript.js">script>
head>
<body>
<table id="dg" class="easyui-datagrid">table>
body>
html>
jsコード:
$(function () {
$("#dg").datagrid({
loader:function(param,success,error){
//
$.ajax({
async:false,
url:"http://192.168.1.106:8080/easyUI/db.php",
type:"get",
dataType:"jsonp",
jsonp:"callback",
jsonpCallback:"callback",
success: function (res) {
success(res);
},
error: function (xhr) {
error(xhr.responseText);
}
})
},
width:400,
title:" ",
iconCls:"icon-search",
//
columns:[[
{title:" ",field:"name"},
{title:" ",field:"age"},
{title:" ",field:"email"}
]]
})
})
loader関数ではajaxを使用してデータを取得し、success関数にデータを渡してテーブルにレンダリングできます.
データ形式:
表示結果: