jQuery之异步访问和加载片段(配置phpStorm环境))

字数 204阅读 98

因为要使用PHP的原因,所以使用 JetBarins phpStorm。phpStorm 是比webStorm更强大的软件,可以帮助我们配置PHP环境。

phpStorm的配置

首先去官网下载phpStorm 网址:JetBrains
选择使用版也可以下载破解版。

新建工程后,新建一个Sever.php文件,代码如下:

<?php
/**
 * Created by PhpStorm.
 * User: chuanglong02
 * Date: 17/2/6
 * Time: 上午9:20
 */
//if(isset($_GET['name'])){
//    echo "hello:".$_GET['name'];
//}else{
//    echo  "Args Error";
//}
if(isset($_POST['name'])){
    echo "hello:".$_POST['name'];
}else{
    echo  "Args Error";
}

选择php 文件,run 起来,会出现下面情况:

弹框2.png

点击fix 后

环境配置.png

然后 点击最后的按钮进行配置php的路径

php设置.png

apply 之后 选择 合适的服务器


最终.png

然后右上角


最后配置下php 文件的路径.png
php文件路径配置.png

最后选择需要的服务器 跑起来

html代码:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Ajax</title>
    <script src="jquery.min.js"></script>
    <script src="ajaxindex.js"></script>
</head>
<body>
  <input type="text" id="nameValue">
  <br>
    <button id="btn">Send</button>
    结果:<span id="result"></span>
</body>
</html>

运行后结果:

result.gif

以上即为phpStorm的配置与Ajax 的简单异步访问

异步访问

优点不用刷新界面,直接更新结果

$(document).ready(function () {
    $("#btn").on("click",function () {
       $.get("Sever.php",{name:$("#namevalue").val()},function (data) {
           $("result").text(data);
       });
    });
});

推荐阅读更多精彩内容