将JavaScript值添加到另一个PHP页面_Javascript_Php_Html

将JavaScript值添加到另一个PHP页面

javascript php html

将JavaScript值添加到另一个PHP页面,javascript,php,html,Javascript,Php,Html,我试图使用java脚本将一个值从一个页面发送到另一个页面，其中用户被重定向到另一个php页面oncick，我遇到的问题是将值发送到另一个页面第一页上的代码是 <html> <body> <div id="management" onclick="myFunction()" class="col-md-2"> <p>Management</p> </div&

我试图使用java脚本将一个值从一个页面发送到另一个页面，其中用户被重定向到另一个php页面oncick，我遇到的问题是将值发送到另一个页面第一页上的代码是

     <html>
<body>
    <div id="management"  onclick="myFunction()" class="col-md-2">

                    <p>Management</p>

    </div>
<script>
function myFunction() {
    var search="Assam";
    location.href = "search.php";
}
</script>

</body>
</html>


管理层
函数myFunction（）{
var search=“阿萨姆”；
location.href=“search.php”；
}

我希望search的值被转发到第二个search.php页面

          $search=how do i get the variable here;
$query = $pdo->prepare("select * from collegetable where name LIKE '%$search%' OR courses LIKE '%$search%' OR address LIKE '%$search%' OR affiliation LIKE '%$search%' LIMIT 0 , 10");
$query->bindValue(1, "%$search%", PDO::PARAM_STR);
$query->execute();
// Display search result
         if (!$query->rowCount() == 0) {
                echo "Search found :<br/>";
                echo "<table style=\"font-family:arial;color:#333333;\">";  
                echo "<tr><td style=\"border-style:solid;border-width:1px;border-color:#98bf21;background:#98bf21;\">College Names</td><td style=\"border-style:solid;border-width:1px;border-color:#98bf21;background:#98bf21;\">Courses</td><td style=\"border-style:solid;border-width:1px;border-color:#98bf21;background:#98bf21;\">Price</td></tr>";              
            while ($results = $query->fetch()) {
                echo "<tr><td style=\"border-style:solid;border-width:1px;border-color:#98bf21;\">";            
                echo $results['name'];
                echo "</td><td style=\"border-style:solid;border-width:1px;border-color:#98bf21;\">";
                echo $results['courses'];
                echo "</td><td style=\"border-style:solid;border-width:1px;border-color:#98bf21;\">";
                echo $results['fees'];
                echo "</td></tr>";              
            }
                echo "</table>";        
        } else {
            echo 'Nothing found';
        }

$search=如何在此处获取变量；
$query=$pdo->prepare（“从集合表中选择*，其中名称“%$search%”或课程“%$search%”或地址“%$search%”或从属关系“%$search%”限制为0,10”）；
$query->bindValue（1，“%$search%”，PDO:：PARAM_STR）；
$query->execute（）；
//显示搜索结果
如果（！$query->rowCount（）==0）{
回显“搜索结果：
”；
回声“；
呼应“大学名称课程价格”；
而（$results=$query->fetch（））{
回声“；
echo$results['name']；
回声“；
echo$结果[‘课程’]；
回声“；
echo$结果[‘费用’]；
回声“；
}
回声“；
}否则{
回声“什么也没找到”；
}

将html更改为：

     <html>
<body>
    <div id="management"  onclick="myFunction()" class="col-md-2">

                    <p>Management</p>

    </div>
<script>
function myFunction() {
    var search="Assam";
    location.href = "search.php?search="+search;
}
</script>

</body>
</html>


管理层
函数myFunction（）{
var search=“阿萨姆”；
location.href=“search.php？search=“+search；
}

php收件人：

$search = $_GET['search'];
        $query = $pdo->prepare("select * from collegetable where name LIKE '%$search%' OR courses LIKE '%$search%' OR address LIKE '%$search%' OR affiliation LIKE '%$search%' LIMIT 0 , 10");
        $query->bindValue(1, "%$search%", PDO::PARAM_STR);
        $query->execute();
        // Display search result
                 if (!$query->rowCount() == 0) {
                        echo "Search found :<br/>";
                        echo "<table style=\"font-family:arial;color:#333333;\">";  
                        echo "<tr><td style=\"border-style:solid;border-width:1px;border-color:#98bf21;background:#98bf21;\">College Names</td><td style=\"border-style:solid;border-width:1px;border-color:#98bf21;background:#98bf21;\">Courses</td><td style=\"border-style:solid;border-width:1px;border-color:#98bf21;background:#98bf21;\">Price</td></tr>";              
                    while ($results = $query->fetch()) {
                        echo "<tr><td style=\"border-style:solid;border-width:1px;border-color:#98bf21;\">";            
                        echo $results['name'];
                        echo "</td><td style=\"border-style:solid;border-width:1px;border-color:#98bf21;\">";
                        echo $results['courses'];
                        echo "</td><td style=\"border-style:solid;border-width:1px;border-color:#98bf21;\">";
                        echo $results['fees'];
                        echo "</td></tr>";              
                    }
                        echo "</table>";        
                } else {
                    echo 'Nothing found';
                }

$search=$\u GET['search']；
$query=$pdo->prepare（“从集合表中选择*，其中名称“%$search%”或课程“%$search%”或地址“%$search%”或从属关系“%$search%”限制为0,10”）；
$query->bindValue（1，“%$search%”，PDO:：PARAM_STR）；
$query->execute（）；
//显示搜索结果
如果（！$query->rowCount（）==0）{
回显“搜索结果：
”；
回声“；
呼应“大学名称课程价格”；
而（$results=$query->fetch（））{
回声“；
echo$results['name']；
回声“；
echo$结果[‘课程’]；
回声“；
echo$结果[‘费用’]；
回声“；
}
回声“；
}否则{
回声“什么也没找到”；
}

使用查询字符串转发到第二页

<html>
<body>
    <div id="management"  onclick="myFunction()" class="col-md-2">

        <p>Management</p>

    </div>
<script>
function myFunction() {
    var search="Assam";
    location.href = "search.php?q=" + search;
}
</script>

</body>
</html>


管理层
函数myFunction（）{
var search=“阿萨姆”；
location.href=“search.php？q=“+搜索；
}

在第二页中，从URL获取q

$search= $_GET['q'];
$query = $pdo->prepare("select * from collegetable where name LIKE '%$search%' OR courses LIKE '%$search%' OR address LIKE '%$search%' OR affiliation LIKE '%$search%' LIMIT 0 , 10");
$query->bindValue(1, "%$search%", PDO::PARAM_STR);
$query->execute();
// Display search result
         if (!$query->rowCount() == 0) {
                echo "Search found :<br/>";
                echo "<table style=\"font-family:arial;color:#333333;\">";  
                echo "<tr><td style=\"border-style:solid;border-width:1px;border-color:#98bf21;background:#98bf21;\">College Names</td><td style=\"border-style:solid;border-width:1px;border-color:#98bf21;background:#98bf21;\">Courses</td><td style=\"border-style:solid;border-width:1px;border-color:#98bf21;background:#98bf21;\">Price</td></tr>";              
            while ($results = $query->fetch()) {
                echo "<tr><td style=\"border-style:solid;border-width:1px;border-color:#98bf21;\">";            
                echo $results['name'];
                echo "</td><td style=\"border-style:solid;border-width:1px;border-color:#98bf21;\">";
                echo $results['courses'];
                echo "</td><td style=\"border-style:solid;border-width:1px;border-color:#98bf21;\">";
                echo $results['fees'];
                echo "</td></tr>";              
            }
                echo "</table>";        
        } else {
            echo 'Nothing found';
        }

$search=$\u GET['q']；
$query=$pdo->prepare（“从集合表中选择*，其中名称“%$search%”或课程“%$search%”或地址“%$search%”或从属关系“%$search%”限制为0,10”）；
$query->bindValue（1，“%$search%”，PDO:：PARAM_STR）；
$query->execute（）；
//显示搜索结果
如果（！$query->rowCount（）==0）{
回显“搜索结果：
”；
回声“；
呼应“大学名称课程价格”；
而（$results=$query->fetch（））{
回声“；
echo$results['name']；
回声“；
echo$结果[‘课程’]；
回声“；
echo$结果[‘费用’]；
回声“；
}
回声“；
}否则{
回声“什么也没找到”；
}

U可以使用url的get参数，例如：

<script>
function myFunction() {
    var search="Assam";
    location.href = "search.php?q=" + search;
}
</script>

Ajax是您的解决方案

普通ajax看起来像：

我建议使用，因为它更简单，对初学者更友好

您的用例示例如下所示：

<script>
var search="Assam";
$.ajax({
  method: "GET",
  url: "some.php?search=" + urlencode(search)
}) .done(function( response ) {
    $("#field-for-response").html(response);
  });
</script>


var search=“阿萨姆”；
$.ajax({
方法：“获取”，
url:“some.php？search=“+urlencode（search）
}).完成（功能（响应）{
$（“#响应字段”）.html（响应）；
});

在PhP中，您可以通过

$\u GET[“search”]

读取值。如果您只想在php页面上找到客户机，您应该查看一下，但是Ajax的优点是无需重新加载页面，这使用户体验更加流畅。

试试这个

Javascript

$scope.submitForm = function (form, e) {
    if(form.$valid){
        // e.preventDefault(e);
        $http({
            method : "POST",
            url : "search.php",
            data: {
                "givenName":"james",
                "displayName":"Cameroon"
            },
            headers: {
                "Access-Control-Allow-Origin": "*",
                "Access-Control-Allow-Methods": "GET, POST, PUT, DELETE, OPTIONS",
                "Access-Control-Allow-Headers": "Content-Type, X-Requested-With",
                "Content-Type": "application/json"
            }}).then(function(response) {
                console.log(response);
        }, function(response) {
            console.log("Error"+response);
        });
    }
}

HTML

<form id="attributeVerification" name="vm.attributeVerification" onsubmit="submitForm(vm.attributeVerification)" novalidate>
    <div class="attr" id="attributeList">
        <ul>
            <li>
                <div class="attrEntry">
                    <label for="givenName">First name</label>
                    <div class="helpText" role="alert" aria-live="polite" tabindex="1">This information is required.</div>
                    <input id="givenName" name="givenName" class="textInput" type="text" placeholder="First name" title="Your given name (also known as first name)." required maxlength="15" ng-model="userInfo.givenName" aria-required="true">
                </div>
            </li>
            <li>
                <div class="attrEntry">
                    <label for="displayName">Last name</label>
                    <div class="helpText" role="alert" aria-live="polite" tabindex="1">This information is required.</div>
                    <input id="displayName" name="displayName" class="textInput" type="text" placeholder="Last name" title="Your display name." required maxlength="25" ng-model="userInfo.displayName" aria-required="true">
                </div>
            </li>
        </ul>
    </div>
    <div class="buttons">
        <button id="continue" aria-label="Create" type="submit">Continue</button>
    </div>
</form>




名字
此信息是必需的。


姓
此信息是必需的。


继续

使用AJAX或只使用PHP。他不需要使用AJAX，因为他想转到另一个页面。他只需在URI的查询组件中传递变量。这里是@Walk说的感谢您的帮助……这是一个非常有用的网站

$scope.submitForm = function (form, e) {
    if(form.$valid){
        // e.preventDefault(e);
        $http({
            method : "POST",
            url : "search.php",
            data: {
                "givenName":"james",
                "displayName":"Cameroon"
            },
            headers: {
                "Access-Control-Allow-Origin": "*",
                "Access-Control-Allow-Methods": "GET, POST, PUT, DELETE, OPTIONS",
                "Access-Control-Allow-Headers": "Content-Type, X-Requested-With",
                "Content-Type": "application/json"
            }}).then(function(response) {
                console.log(response);
        }, function(response) {
            console.log("Error"+response);
        });
    }
}

<form id="attributeVerification" name="vm.attributeVerification" onsubmit="submitForm(vm.attributeVerification)" novalidate>
    <div class="attr" id="attributeList">
        <ul>
            <li>
                <div class="attrEntry">
                    <label for="givenName">First name</label>
                    <div class="helpText" role="alert" aria-live="polite" tabindex="1">This information is required.</div>
                    <input id="givenName" name="givenName" class="textInput" type="text" placeholder="First name" title="Your given name (also known as first name)." required maxlength="15" ng-model="userInfo.givenName" aria-required="true">
                </div>
            </li>
            <li>
                <div class="attrEntry">
                    <label for="displayName">Last name</label>
                    <div class="helpText" role="alert" aria-live="polite" tabindex="1">This information is required.</div>
                    <input id="displayName" name="displayName" class="textInput" type="text" placeholder="Last name" title="Your display name." required maxlength="25" ng-model="userInfo.displayName" aria-required="true">
                </div>
            </li>
        </ul>
    </div>
    <div class="buttons">
        <button id="continue" aria-label="Create" type="submit">Continue</button>
    </div>
</form>