使用JQuery和PHP将数据保存到文件中

Question

My problem here is even though it gets saved "successfully" the file is not actually saved. (I'm running this on the Cloud9IDE)

My folder exports is set to be readable and writable via chmod 777 -R ./.

Can someone explain to me why the hello.txt file is not being created, and what I can do to solve this problem?

JQuery:

$("[data-action=save-file]").on("click", function(e) {
  var filename = "hello.txt"
  var content = "Hello world!"

  $.ajax({
    type: "GET",
    url: "submit.php",
    data: {
      "filename": filename,
      "content": content,
    },
    cache: false,
    success: function(msg) {
      console.log(msg)
    },
    error: function(XMLHttpRequest, textStatus, errorThrown) {
      console.log("Some error occurred")
    }
  })
})

PHP:

<?php
  $filename = $_GET["filename"];
  $fp = fopen("anon/".$filename, "wb");
  if (!$fp) {
    echo getcwd();
    exit;
  } else {
    $outputstring = $_GET["outputstring"];
    fwrite($fp, $outputstring);
  }
  $fclose($fp);
?>

I've also tried...

<?php
  $filename = $_GET["filename"];
  $outputstring = $_GET["outputstring"];
  file_put_contents($filename, $outputstring, FILE_APPEND | LOCK_EX);
?>

Answer 1

If this is the actual code that is posted, then the arguments being sent by ajax are "content" and "filename", while php is expecting "outputstring" and "filename", so, on the php end, there is no "outputstring" and the program doesn't check for "content" in $_GET.

$filename = $_GET["filename"];
$outputstring = $_GET["content"];
file_put_contents($filename, $outputstring, FILE_APPEND | LOCK_EX);

Also there is a max length to too url parameters for GET (Max size of URL parameters in _GET), so if file content is ever an actual file this may be truncated. Try using type: "POST" instead.