2010-07-14 6 views
3

양식 용 외부 JS 파일을 만들고 AJAX를 사용하여 해당 데이터를 게시하려고합니다.Jquery 외부 파일을 만드는 방법은 무엇입니까?

단순화 된 HTML 보이는 같은 :

<form action="" id="message" name="message" method="post"> 
<input name="message_subject" type="text" id="message_subject" class="message_wall" /> 
<textarea cols="50" rows="5" id="message_text" class="message_wall"></textarea> 
<button type="submit" id="mess" class="mess">send</button> 

나는 현재이 양식을 위해 사용하고 JQuery와 :

$("form#message").submit(function() { 
    var message_subject = $(".message_subject").attr('value').replace(/\n/g,"<br/>").replace(/\n\n+/g, '<br /><br />').replace(/(\<\/?)script/g,"$1noscript"); 
    var message_text= $(".message_text").attr('value').replace(/\n/g,"<br/>").replace(/\n\n+/g, '<br /><br />').replace(/(\<\/?)script/g,"$1noscript"); 
    $.ajax({ 
    type: "POST", 
    url: "mess/somefile.php", 
    contentType: "application/x-www-form-urlencoded;charset=ISO-8859-2", 
    data: "message_subject="+ message_subject + "&message_text=" + message_text, 
    success: function(){ 
     $(".message_field").html('Thanks!'); 
    } 
    }); 
    return false; 
}); 

내가이 jQuery 코드는 다음 외부 JS 파일에 넣어 수 있습니다

$(document).ready(function(){ 
    myexternalfunction(); 
}); 
+0

PHP를 사용하고 있습니까? – Mottie

+0

@fudgey "mess/somefile.php"는 예제 코드에 있습니다. 그래서 그 가정을 할 것입니다 (질문과 관련이 있는지 확실하지 않습니다) –

답변

7

그래 당신은 ...

당신이 JS 파일을 연결하여 그것을 할 수 있습니다 to html like

<html> 
<head> 
<script> 
//......... 
// script calling some external js func 
//......... 
</script> 
<body> 
<!-- other tags --> 
<script src="test.js" type="text/javascript"></script> 
</body> 
</html> 

//test.js 

$(document).ready(function() { 
     $('#arrow img').click(function() { 
      transferEmp('test'); 
     }); 
}); 

function transferEmp(postData) { 
    $.ajax({ 
     url: url, 
     type: 'POST', 
     data: postData, 
     success: function(msg){ 
       //alert(msg); 
     } 
    }); 

} 
1

jQuery 코드를 $ (document) .ready (function() code throw all o jquery 코드를 .js 파일에 넣은 다음 표준 HTML을 사용하여 포함시킵니다.

브라우저에서 페이지를로드하면 JQuery 코드도 함께 포함됩니다.

0

jQuery.getScript 메소드를 사용할 수 있습니다. 이 같은

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

그리고 common.js를 : http://api.jquery.com/jQuery.getScript/

0

이 고려

function initialize() 
{ 
    // Your jQuery code goes here 
} 

// Now you have to call this code 
$(initialize); 
관련 문제