Tôi muốn đăng dữ liệu biểu mẫu vào cơ sở dữ liệu bằng JavaScript. Đây là mã của tôi.
index.php
JavaScript
function sendOutgoingValue[]{
name = document.getElementById["fname"].value;
email = document.getElementById["femail"].value;
myClass.extractIncomingParms[val, email, {
}];
}
ContactData.php
Đã hỏi ngày 30 tháng 6 năm 2015 lúc 5:47Jun 30, 2015 at 5:47
3
Bạn không thể gọi lớp php methode của bạn trong tập lệnh java
Thay đổi index.php của bạn thành [mã này sử dụng jQuery]:index.php to [This code use JQuery]:
$[function[]{
$["#login"].click[function[]{
var faname = $["#fname"].val[];
var femail = $["#femail"].val[];
$.post[ "login.php", { faname: faname, femail: femail }]
.done[function[ data ] {
$["#res"].html[data];
}];
e.preventDefault[];
}];
}];
Tạo đăng nhập.php:login.php :
Bạn có thể sử dụng lớp ContactData của mình trong Đăng nhập.php và lấy tên và fname của bạn từ $ _POST
Đã trả lời ngày 30 tháng 6 năm 2015 lúc 6:20Jun 30, 2015 at 6:20
Amir Mohsenamir MohsenAmir Mohsen
8451 Huy hiệu vàng9 Huy hiệu bạc22 Huy hiệu đồng1 gold badge9 silver badges22 bronze badges
0
Lưu ý rằng JavaScript đang chạy trên trình duyệt, trong khi PHP đang chạy trên máy chủ của bạn, vì vậy chúng không thể giao tiếp trực tiếp. Và đây là một điều tốt!
Bạn sẽ cần tạo một trang PHP để xử lý các yêu cầu từ JavaScript. Khi đã sẵn sàng, JavaScript của bạn sẽ cần nối tiếp dữ liệu trên biểu mẫu và đăng nó lên trang này.
Nói tóm lại, giải pháp hiện tại của bạn là thiếu lớp xử lý các yêu cầu từ trình duyệt.
Hãy xem bài viết này, đó là một hướng dẫn tốt đẹp của những điều cơ bản. Người mới bắt đầu hướng dẫn phát triển AJAX với PHP
Đã trả lời ngày 30 tháng 6 năm 2015 lúc 5:58Jun 30, 2015 at 5:58
CloudWorksCloudWorkscloudworks
5891 Huy hiệu vàng3 Huy hiệu bạc18 Huy hiệu đồng1 gold badge3 silver badges18 bronze badges
PHP đi kèm với nhiều chức năng tích hợp hơn để hoạt động với các chuỗi, mảng và các loại dữ liệu khác so với JavaScript. Do đó, việc rất nhiều người cảm thấy muốn gọi các chức năng PHP từ JavaScript là điều tự nhiên. Tuy nhiên, như bạn có thể đoán hoặc phát hiện ra, điều này không hoạt động như mong đợi.
Có thể có rất nhiều trường hợp khác mà bạn có thể muốn chạy một số mã PHP bên trong JavaScript, ví dụ, để lưu một số dữ liệu trên máy chủ của bạn. Chỉ cần đặt mã PHP bên trong JavaScript cũng sẽ không hoạt động trong trường hợp này.
Lý do bạn không thể gọi một hàm PHP từ JavaScript phải làm với thứ tự mà các ngôn ngữ này được chạy. PHP là ngôn ngữ phía máy chủ và JavaScript chủ yếu là ngôn ngữ phía máy khách.
Bất cứ khi nào bạn muốn truy cập một trang, trình duyệt sẽ gửi yêu cầu đến máy chủ, sau đó xử lý yêu cầu và tạo một số đầu ra bằng cách chạy mã PHP. Trang web đầu ra hoặc được tạo sau đó được gửi lại cho bạn. Trình duyệt thường mong đợi trang web bao gồm HTML, CSS và JavaScript. Bất kỳ PHP nào mà bạn có thể đã đặt hoặc lặp lại bên trong JavaScript sẽ chạy đã chạy hoặc sẽ không chạy hoàn toàn khi trang web tải trong trình duyệt.
Tất cả hy vọng không bị mất, mặc dù. Trong hướng dẫn này, tôi sẽ giải thích cách bạn có thể gọi các chức năng PHP từ các hàm JavaScript và JavaScript từ PHP.
Gọi chức năng PHP từ JavaScript
Chúng ta có thể sử dụng AJAX để gọi chức năng PHP trên dữ liệu được tạo bên trong trình duyệt. AJAX được sử dụng bởi rất nhiều trang web để cập nhật các phần của trang web mà không tải lại trang đầy đủ. Nó có thể cải thiện đáng kể trải nghiệm người dùng khi được thực hiện đúng.
Hãy nhớ rằng mã PHP vẫn sẽ chạy trên chính máy chủ. Chúng tôi sẽ chỉ cung cấp cho nó dữ liệu từ trong tập lệnh của chúng tôi.
Sử dụng JQuery Ajax để chạy mã PHP
Nếu bạn đang sử dụng jQuery trên trang web của mình, việc gọi bất kỳ tệp PHP nào có mã mà bạn muốn chạy trở nên dễ dàng.
Bạn có thể chuyển một hoặc hai tham số cho hàm ajax[]. Khi hai tham số được truyền, cái đầu tiên sẽ là URL của trang web nơi trình duyệt sẽ gửi yêu cầu của bạn. Khi bạn chỉ chuyển một tham số cho ajax[], URL sẽ được chỉ định trong cấu hình.
Tham số thứ hai chứa một loạt các tùy chọn cấu hình khác nhau để chỉ định dữ liệu bạn dự định xử lý và phải làm gì trong trường hợp thành công hoặc thất bại, v.v. Các tùy chọn cấu hình được truyền ở định dạng JSON.
Bạn có thể sử dụng tham số
function sendOutgoingValue[]{
name = document.getElementById["fname"].value;
email = document.getElementById["femail"].value;
myClass.extractIncomingParms[val, email, {
}];
}
function sendOutgoingValue[]{
name = document.getElementById["fname"].value;
email = document.getElementById["femail"].value;
myClass.extractIncomingParms[val, email, {
}];
}
Bây giờ, chúng ta hãy xem một ví dụ về yêu cầu AJAX cơ bản nơi chúng ta sẽ chuyển dữ liệu đến tệp PHP và gọi chức năng PHP
function sendOutgoingValue[]{
name = document.getElementById["fname"].value;
email = document.getElementById["femail"].value;
myClass.extractIncomingParms[val, email, {
}];
}
PHP Function in JavaScript Demo
body {
font-family: 'Lato';
font-weight: 400;
font-size: 1.4rem;
}
p {
text-align: center;
margin-bottom: 4rem;
}
The United States [U.S. or US]—officially the United States of America [USA], commonly known as America—is a country primarily located in North America, consisting of 50 states, a federal district, five major self-governing territories, 326 reservations, and various possessions. At 3.8 million square miles [9.8 million square kilometers], it is the world's third- or fourth-largest country by total area. With a population of more than 328 million people, it is the third most populous country in the world. The national capital is Washington, D.C., and the most populous city is New York City.
$.ajax[{
method: "POST",
url: "wrap.php",
data: { text: $["p.unbroken"].text[] }
}]
.done[function[ response ] {
$["p.broken"].html[response];
}];
Đặt mã sau trong một tệp có tên Wrap.php trong cùng một thư mục.wrap.php in the same directory.
Hãy nhớ rằng bạn phải
function sendOutgoingValue[]{
name = document.getElementById["fname"].value;
email = document.getElementById["femail"].value;
myClass.extractIncomingParms[val, email, {
}];
}
Sử dụng API tìm nạp để chạy mã PHP
Bạn cũng có thể sử dụng API tìm nạp để chạy mã PHP trên dữ liệu được thu thập bên trong trình duyệt bằng cách gửi yêu cầu POST đến máy chủ. Trong ví dụ trước, chúng tôi có thể thay thế mã AJAX bằng JavaScript sau để có kết quả tương tự.
fetch['wrap.php', {
method: 'POST',
headers: {
'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'
},
body: "text=" + document.querySelector["p.unbroken"].innerText
}]
.then[response => response.text[]]
.then[data => document.querySelector["p.broken"].innerHTML = data];Giống như trong ví dụ AJAX, chúng tôi chỉ định URL và cung cấp thông tin tiêu đề bổ sung rằng chúng tôi sẽ gửi dữ liệu của chúng tôi ở dạng được mã hóa URL. Điều này cho phép chúng tôi sử dụng
function sendOutgoingValue[]{
name = document.getElementById["fname"].value;
email = document.getElementById["femail"].value;
myClass.extractIncomingParms[val, email, {
}];
}
Gọi chức năng JavaScript từ PHP
Như bạn đã biết bây giờ, PHP sẽ chạy trước JavaScript khi bạn yêu cầu một trang web từ một số máy chủ. Chúng tôi cũng có thể xuất bất cứ thứ gì chúng tôi muốn hiển thị trên trang web bằng cách sử dụng
function sendOutgoingValue[]{
name = document.getElementById["fname"].value;
email = document.getElementById["femail"].value;
myClass.extractIncomingParms[val, email, {
}];
}
function sendOutgoingValue[]{
name = document.getElementById["fname"].value;
email = document.getElementById["femail"].value;
myClass.extractIncomingParms[val, email, {
}];
}
Dưới đây là một số mã ví dụ sẽ kiểm tra một loạt các chuỗi để tìm chỉ số của palindrom cuối cùng. Chỉ số này được lưu trữ trong một biến PHP, sau đó được chuyển đến JavaScript được viết bên trong thẻ
function sendOutgoingValue[]{
name = document.getElementById["fname"].value;
email = document.getElementById["femail"].value;
myClass.extractIncomingParms[val, email, {
}];
}
function sendOutgoingValue[]{
name = document.getElementById["fname"].value;
email = document.getElementById["femail"].value;
myClass.extractIncomingParms[val, email, {
}];
}