ErikPeterson/gist:46670c64cdab9f550fdc

## gistfile1.txt
//The body of the html

<body>
<ul id="my-items">
</ul>
<form id="myform">
  <input name="myvalue" type="text"></input>
  <input type="submit" id="thebutton"></input>
</form>
....
//Javascript to get the data from the server

  function getData(){
    var req = new XMLHttpRequest();
    ...
    //set up your request to get data from the server and execute it
    //assign the set data function to the request's onload event
    req.onload = setData;
  }
  //this function could be reused for refreshing the page from the server
  function setData(){
    //parse the data that comes back
    //select your list
    //delete the old data
    //insert the new data
  }

  var submitbutton = document.getElementById("thebutton");

  submitbutton.onclick = submitForm;

  function submitFrom(e){
  //e is the event for clicking the button
  e.preventDefault()
  //this prevents the form from actually submitting
  var text = document.getElementById("myvalue").value;
  //this gets the value that the user has put in the form field
  sendData(text);
  //this calls a function to send the data to the server with the text from teh form as its
  }

  function sendData(text){
    //send your data to the server with request
  }
	//The body of the html

	<body>
	<ul id="my-items">
	</ul>
	<form id="myform">
	<input name="myvalue" type="text"></input>
	<input type="submit" id="thebutton"></input>
	</form>
	....
	//Javascript to get the data from the server

	function getData(){
	var req = new XMLHttpRequest();
	...
	//set up your request to get data from the server and execute it
	//assign the set data function to the request's onload event
	req.onload = setData;
	}
	//this function could be reused for refreshing the page from the server
	function setData(){
	//parse the data that comes back
	//select your list
	//delete the old data
	//insert the new data
	}

	var submitbutton = document.getElementById("thebutton");

	submitbutton.onclick = submitForm;

	function submitFrom(e){
	//e is the event for clicking the button
	e.preventDefault()
	//this prevents the form from actually submitting
	var text = document.getElementById("myvalue").value;
	//this gets the value that the user has put in the form field
	sendData(text);
	//this calls a function to send the data to the server with the text from teh form as its
	}

	function sendData(text){
	//send your data to the server with request
	}