PHP에서 jQuery를 사용하여 테이블의 데이터 렌더링
P粉894008490
2023-09-04 09:54:29
<p>데이터가 있고 PHP를 사용하여 해당 데이터에 액세스합니다. 그래서 간단한 버튼을 만들었고, 버튼을 클릭하면 프로그램에서 데이터가 포함된 테이블을 만들어야 합니다. <strong>아래에서는 데이터를 읽고 테이블을 생성하는 jQuery 코드를 볼 수 있습니다. </strong>하지만 문제는 DATA의 모든 요소에 액세스할 수 없다는 것입니다.
코드도 추가했기 때문에 데이터에서 선택을 한다는 점을 명확히 하고 싶습니다. <em>"household.php"라고 합니다</em></p>
<pre class="brush:php;toolbar:false;"><html lang="en">
<머리>
<스크립트
src="https://code.jquery.com/jquery-3.6.2.js"
무결성="sha256-pkn2CUZmheSeyssYw3vMp1+xyub4m+e+QK4sQskvuo4="
crossorigin="anonymous"></script>
<link rel="stylesheet" href="style.css">
<스크립트>
함수 그러한첸() {
jQuery(문서).ready(함수($) {
$.아약스({
유형: "get",
URL: "household.php",
데이터 유형: "json",
성공: 함수(응답) {
var 데이터 = JSON.parse(응답)
var html_table = "";
data.forEach(함수(항목) {
var row = $("<tr>");
row.append($("<td>").text(item.contact_id_a));
row.append($("<td>").text(item.contact_id_b));
// 추가 열에 대해 더 많은 셀을 추가합니다.
html_table += 행[0].outerHTML;
});
$("#tabelle").html(html_table);
}
});
});
}
</스크립트>
</머리>
<본문>
<form id="form" onsubmit="suchen()" method="get">
<label>연령 입력: </label>
<br />
<입력 유형="숫자" 이름="최소" min="0">
<br />
<입력 유형="숫자" 이름="최대" 최소="0">
<br />
<입력 유형="제출">
</양식>
<div id="tabelle"></div>
</body>
</html></pre>
<p><strong>family.php 파일의 코드입니다. 문제없이 작동합니다. 하지만 기본 PHP 파일을 연결할 수 없습니다. </strong></p>
<pre class="brush:php;toolbar:false;"><?php
require_once '/var/www/html/wordpress/wp-content/plugins/civicrm/civicrm/civicrm.config.php';
require_once 'CRM/Core/Config.php';
$config = CRM_Core_Config::싱글턴();
$relationships = CiviApi4Relationship::get()
->addSelect('contact_id_a', 'contact_id_b', 'contact_id_a.display_name', 'contact_id_b.household_name', 'relationship_type_id')
->addClause('OR', ['relationship_type_id', '=', 7], ['relationship_type_id', '=', 8])
->setLimit(25)
->실행();
foreach($relationship을 $relationship으로) {
// 뭔가를 해라
}
var_dump(json_encode($relationships));
?></pre>
<p>php 파일을 사용하여 데이터에 접근할 수 없습니다. 또한 php를 검색하여 기본 PHP 파일에 연결할 수 없습니다. </p>
이미
household.php
文件中使用了echo json_encode($relationships)
。您不需要解析响应(您使用过),因为您已经将dataType
写入json
에 접속하신 것 같습니다. 자동으로 변환됩니다. 이 답변이 도움이 되기를 바랍니다. jQuery Manual에 따르면 "잘못된 JSON은 거부되고 구문 분석 오류가 발생합니다. jQuery 1.9부터 빈 응답도 거부됩니다." 따라서 서버가 올바른 형식의 JSON을 반환한다고 확신하는 경우 dataType: 'json'을 사용할 수 있습니다. "JSON처럼 보이는 문자열"만 반환하는 경우 dataType: "text json"을 사용하여 jQuery를 강제로 변환해야 합니다. [참고] 위의 답변이 도움이 되지 않는다면, 이 기능을 사용하여 응답을 구문 분석하는 것이 좋습니다.var data = jQuery.parseJSON(response);
或var data = $.parseJSON(response)