그래서 나는 자바 스크립트 기능 및 옵션 페이지에 의해 자동으로 채워지는 butttons 및 편집 가능한 필드를 포함하는 양식 팝업이있는 크롬 확장 프로그램을 가지고 있습니다. 버튼을 클릭하면 양식 데이터를 PHP 페이지 'PhpFile.php'로 보내고 쿼리를 사용하여 데이터베이스에 데이터를 삽입하는 기능이 있습니다.
또 다른 PHP 페이지 DataDisplayScript.php가 있습니다. 이 페이지는 연령 및 성별과 같은 사용자 양식의 특정 필드와 일치하는 데이터베이스의 특정 레코드를 표시하기위한 것입니다. 순간에 나는이 페이지로 이동하는 자바 스크립트가있는 크롬 확장에 버튼이 있지만 지금까지 리디렉션 될 때 전체 데이터 테이블을로드하는 페이지 만 가져올 수 있습니다. 이는 양식의 사용자에 대한 정보가 없기 때문입니다.
내 질문은 내 확장의 버튼을 클릭하여 DataDisplayScript로 리디렉션되는 버튼을 클릭하면 특정 필드 값을 양식에서 PHP 페이지로 보낼 수 있습니까? 그런 다음 데이터베이스에서 일치하는 레코드를 쿼리하고 페이지에 표시하는 데 사용할 수 있습니다. (사용자가 버튼이나 링크를 클릭 할 때 데이터를 전송하기 만하면 쿼리에 대한 도움이 필요하지 않습니다.)
다음은 DataDisplayScript.php에 사용자 정보를 보내는 데 관련된 양식에 대한 HTML입니다.
<form action="http://************/DataDisplayScript.php" method="POST" name="HiddenUIDPostForm">
<input type = "text" id="UIDSuggestions" name="UIDSuggestions" hidden="true">
<input type="text" id="Gender" name="Gender" placeholder="Your Gender"><br/>
<input type="text" id="Age" name="Age" placeholder="Your Age"><br/>
<input type = "submit" name="uidSubmit" value="Go To Suggestions">
</form>
다음은 DataDisplay 스크립트 페이지로 리디렉션하는 버튼에 대한 내 자바 스크립트입니다.
function ClickSuggestionsLink(data){
/*if (window.XMLHttpRequest){
// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
xmlhttp.open("GET","DataDisplayScript.php",true);
xmlhttp.send();
*/
chrome.tabs.create({url: 'http://***********/DataDisplayScript.php'});
}
여기에 보낸 양식 정보를 저장하려는 DataDisplayScript의 PHP가 있습니다.
$uId = $_POST['UIDSuggestions'];
$gender = $_POST['Gender'];
$age = $_POST['Age'];
어떤 도움이라도 대단히 감사하겠습니다!
이것이 도움이 될 것입니다. Post 메소드가있는 AJAX.
function ClickSuggestionsLink(data){
var dir = 'http://***********/DataDisplayScript.php';
var request = new XMLHttpRequest();
var uId = document.getElementById("UIDSuggestions").value;
var gender = document.getElementById("Gender").value;
var age = document.getElementById("Age").value;
var data = "UIDSuggestions="+uId +"&Gender="+gender+"&Age="+age;
request.open("POST", dir, true);
request.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
request.setRequestHeader("Content-length", data.length);
request.setRequestHeader("Connection", "close");
request.onload = function() {
if (request.status === 200) {
// code if everything went fine
// request.responseText for printing echoes
} else {
// code if otherwise
}
};
// sending data here
request.send(data);
}
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다