javascript - PHP 通过 AJAX 和 Async 在 Javascript 中-6ren

javascript - PHP 通过 AJAX 和 Async 在 Javascript 中

转载作者：行者123 更新时间：2023-12-02 17:15:30

25

4

据我了解，AJAX 使 javascript 异步。我是 AJAX 新手，但注意到在 html 文档创建脚本时有一个脚本异步属性。这些与 AJAX 做同样的事情还是我一厢情愿。我发现在 DOM 生成中使用的现有 javascript 文件中使用 php 非常有用。为什么？让生活变得更轻松并且尽可能面向对象。我唯一想要的就是使用 php 输出由 javascript 生成的 php 文件，但后来我想直接使用 javascript 方法生成 php。

index.php

 <!DOCTYPE html>

<script type="text/javascript" src="jWebKit.js"></script>

<script>

     var div = new Div();
     div.setPosition(Div.FIXED);
     div.setBounds(100,0,100,100);
     div.horizontalAlign(Div.LEFT);
     div.setPosition(Div.RELATIVE);

 </script>

jWebKit.js

    var head;
var body;
var jScript;
var devScript;
var phpScript;

(function(){

    document.open();

    jScript = document.createElement("script");
    jScript.src = "jWebKit.js";
    jScript.type = "text/javascript";


    devScript = document.createElement("script");

    phpScript = document.createElement("script");
    php.type = "text/javascript";
    php.text = 'document.write("<?php fopen("testfile.php", "w") ;?>");'; // This is the target script needed for file output below...
    phpScript.async = 'true';


}());

window.onload = function(){

    var cutScript;

    head = document.head;
    body = document.body;

    cutScript = head.innerHTML.toString().replace(jScript.outerHTML.toString(),'');



    devScript.text = phpScript.innerHTML.toString() + cutScript.replace('<script>', '').replace('</script>','');//Does not work!

    body.appendChild(devScript);
    head.innerHTML = head.innerHTML.toString().replace(cutScript,'');



    alert(document.documentElement.outerHTML);

    document.close();


};

function Div(){

    Div.STATIC = 'static';
    Div.ABSOLUTE = 'absolute';
    Div.RELATIVE = 'relative';
    Div.FIXED = 'fixed';
    Div.SOLID = 'solid';
    Div.DOTTED = 'dotted';
    Div.LEFT = 0;
    Div.CENTER = 1;
    Div.RIGHT = 2;
    Div.TOP = 0;
    Div.MIDDLE = 1;
    Div.BOTTOM = 2;

    var ELEMENT;
    var CSS;

    var horizontalAlign;
    var verticalAlign;

    var colorQueue;



    (function() {

        this.div = document.createElement('div');

        ELEMENT = this.div;
        CSS = this.div.style;

        CSS.border = '1px solid black';

        document.body.appendChild(this.div);

    }());

    this.setPosition = function(postype){

        if(!horizontalAlign && !verticalAlign){

            CSS.position = postype;

        }


    }

    this.setBounds = function(x,y,width,height){

        CSS.left = x + 'px';
        CSS.top = y + 'px';
        CSS.width = width + 'px';
        CSS.height = height + 'px';

    }

    this.setColorQueue = function(r,g,b){

        colorQueue = 'rgb(' + new Array(r,g,b) + ')';
        alert(colorQueue);

    }

    this.horizontalAlign = function(horiz){

        var freeSpaceX = ((window.innerWidth - ELEMENT.offsetWidth) / 2);
        var defPadding = '8px';
        var defPaddingCenter;
        var defPaddingRight;
        var defPaddingLeft;

        horizontalAlign = true;

        this.setBounds(0,0,100,100);

        if(CSS.position == 'relative' || CSS.position == 'absolute'){

            CSS.position = 'absolute';
            defPaddingCenter = 12;
            defPaddingRight = 4;
            defPaddingLeft = 8;



        }else if(CSS.position == 'fixed'){

            defPaddingCenter = 4;
            defPaddingRight = 4;
            defPaddingLeft = 8;

        }

        if(horiz == 0){

            if(!verticalAlign){
                CSS.marginTop = defPadding;
            }CSS.marginLeft = defPaddingLeft + 'px';

        }else if(horiz == 1){

            if(!verticalAlign){
                CSS.marginTop = defPadding;
            }CSS.marginLeft = freeSpaceX - defPaddingCenter + 'px';

        }else if(horiz == 2){

            if(!verticalAlign){
                CSS.marginTop = defPadding;
            }CSS.marginLeft = (freeSpaceX - defPaddingRight) * 2 + 'px';

        }

    }

}

最佳答案

我不知道你到底想做什么，但是你正在创建一个永远不会访问服务器的php脚本，因此如果你想调用url testfile.php，它永远不会执行(只有服务器理解php脚本)你应该做这样的事情

xmlhttp = new XMLHttpRequest();
xmlhttp.open("GET","testfile.php?q=something",true);
xmlhttp.send();

xmlhttp.onreadystatechange=function(){
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
  //the responseText have the server response
  document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
}

也可以通过链接查看下一章

顺便说一句，jquery 会为你提供很多帮助

关于javascript - PHP 通过 AJAX 和 Async 在 Javascript 中，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/24480934/

25

4

0

文章推荐： javascript - jQuery 可排序不适用于 div

文章推荐： haskell - cabal 无法使用 http 代理

文章推荐： Symfony2 创建 Twig 扩展

文章推荐： Javascript 特异性(仅响应单击的项目)

javascript - async 和 defer 语法可以是 async ="async"吗？
我有带皮肤的 DNN。我的 head 标签有 runat="server"所以我尝试在 head 标签内添加一个标签 "> 在后面的代码中，我在属性中设置了 var GoogleAPIkey。问题是它
javascript - 如何在 async.each 内具有 async.waterfall 的外部函数中调用 async.each
我在 Node.JS 中有一个导出模块 exports.doSomethingImportant= function(req, res) { var id = req.params.id; Demo.
asynchronous - 为什么 Async.StartChild 返回 `Async>`？
我是 F# 的新手，我一直在阅读 F# for Fun and Profit。在为什么使用 F#？系列中，有一个 post描述异步代码。我遇到了 Async.StartChild函数，我不明白为什么
c# - FIle.ReadAll***Async/WriteAll***Async/AppendAll***Async 方法在哪里？
File 中有一堆相当方便的方法类，如 ReadAll***/WriteAll***/AppendAll***。我遇到过很多情况，当我需要它们的异步对应物时，但它们根本不存在。为什么？有什么陷阱吗
javascript - async.map 或 async.each 与 async.parallel 有什么区别？
我最近开始做一个 Node 项目，并且一直在使用 async 库。我有点困惑哪个选项会更快。在某些数据上使用 async.map 并获取其结果，或使用 async.each 迭代一组用户并将他们的相应
@Async 方法中的 Spring @Async 方法
您好，我正在试用 Springs 异步执行器，发现您可以使用 @Async。我想知道是否有可能在 @Async 中使用 @Async，要求是需要将任务委托(delegate)给 @Async 方法在第
swift - 如何取消具有从 `async` 操作启动返回的可取消类型的 `async` 函数
我需要支持取消一个函数，该函数返回一个可以在启动后取消的对象。在我的例子中，requester 类位于我无法修改的第 3 方库中。 actor MyActor { ... func d
asynchronous - Async.Start 与 Async.StartChild
假设 asyncSendMsg不返回任何内容，我想在另一个异步块中启动它，但不等待它完成，这之间有什么区别: async { //(...async stuff...) for msg
async-await - mocha async/await 测试因超时而失败
我想用 Mocha 测试异步代码. 我跟着这个教程testing-promises-with-mocha .最后，它说最好的方法是 async/await。以下是我的代码，我打算将 setTimeo
f# - Async.StartImmediate vs Async.RunSynchronously
正如我有限(甚至错误)的理解，Async.StartImmediate 和 Async.RunSynchronously 在当前线程上启动异步计算。那么这两个功能究竟有什么区别呢？谁能帮忙解释一下？
javascript - 如何在没有 async 的情况下编写 async fetch() ？
我有一行使用await fetch() 的代码。我正在使用一些调用 eval("await fetch ...etc...") 的脚本注入(inject)，但问题是 await 在执行时不会执行从ev
javascript - async.series 和 async.each 没有按预期工作
我正在尝试使用 nodeJS 构建一个网络抓取工具，它在网站的 HTML 中搜索图像，缓存图像源 URL，然后搜索最大尺寸的图像。我遇到的问题是 deliverLargestImage() 在循环遍
javascript - 结合 async.each 和 async.series
我想结合使用 async.each 和 async.series，但得到了意想不到的结果。 async.each([1, 2], function(item, nloop) { async.s
javascript - async.js : async. eachSeries 结果总是抛出未定义
我的代码有问题吗？我使用 async.eachSeries 但我的结果总是抛出 undefined。这里是我的代码: async.eachSeries([1,2,3], function(data,
async-await - 具有特征的 tokio-async-await
我想在 trait 中编写异步函数，但是因为 async fn in traits 还不被支持，我试图找到等效的方法接口(interface)。这是我在 Rust nightly (2019-01-0
javascript - async/await 如何与 async 函数中的回调一起工作？
async setMyPhotos() { const newPhotos = await Promise.all(newPhotoPromises); someOtherPromise();
javascript - async.each 与 async.every 之间的区别？
async.js 中 async.each 与 async.every 的区别？似乎两者都相同，只是 async.every 返回结果。纠正我，我错了。最佳答案每个异步 .each(coll, i
javascript - async.each 中的 async.waterfall 不起作用？
我正在尝试对一组项目运行 async.each。对于每个项目，我想运行一个 async.waterfall。请参阅下面的代码。 var ids = [1, 2]; async.each(ids,
Jasmine Angular : is there a conflict between async in beforeEach() and async in it()?
我的目标是测试 API 调用，将延迟考虑在内。我的灵感来自 this post . 我设计了一个沙箱，其中模拟 API 需要 1000 毫秒来响应和更改全局变量 result 的值。测试检查 500
javascript - async.each 和 async.eachSeries 之间的区别
async.each 是否作为异步数组迭代工作？ async.eachSeries 是否作为同步数组迭代工作？(它实际上等待响应) 我问这些是因为两者都有回调，但 async.each 的工作方式类似

首页

博学

6Ren·AI

商城

javascript - PHP 通过 AJAX 和 Async 在 Javascript 中